function adjustViewportHeight() {
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
function two_numbers() {
let html = `
`;
let old_element = $("#nav373326808 .t228__right_descr")[0];
if (!old_element) return;
old_element.innerHTML = html;
}
document.addEventListener('DOMContentLoaded', function() {
adjustViewportHeight();
window.addEventListener('resize', adjustViewportHeight);
//
// Hide swatches if there is only ONE option
//
// Define a function to hide divs with only one .t-product__option-item
function on_change() {
$(".t-store__card .js-product-edition-option").each(function() {
if ($(this).find(".t-product__option-item").length === 1) {
$(this).css("display", "none");
}
});
//
// Logo for mobile top menu
//
$(".tmenu-mobile__container").each(function() {
if ($(this).find(".tmenu-mobile__burgerlogo").length === 0) {
// white in transp src="https://ucarecdn.com/d07e4939-4e19-47ff-84c0-8a69224520e9/-/preview/520x541/"
// blue on white src="https://static.tildacdn.com/tild3131-3136-4664-b039-313461346164/Logo_white_small_fie.png"
let logo_html = `
`;
$(this).prepend(logo_html)
}
});
}
// Run the function initially
on_change();
// Define a MutationObserver to run the function whenever DOM changes
var observer = new MutationObserver(function(mutations) {
on_change();
});
// Configure the MutationObserver to watch the whole document and childList changes
observer.observe(document, { childList: true, subtree: true });
//
// EVENTS ON CLICK
//
$(document).on('click', '.bingc-phone-button', function() {
let event_name = "binotel_button_click";
if (!sessionStorage.getItem(`event__${event_name}`)) {
gtag('event', event_name, {});
sessionStorage.setItem(`event__${event_name}`, 'true');
}
});
function removeLeadingZeros(value) {
return value.replace(/^\(0+/, '(');
}
$(document).on('input', 'input[type="tel"]', function() {
var $isoDiv = $(this).siblings('.js-phonemask-result-iso');
if (!$isoDiv.length || $isoDiv.attr('value') !== '+380') {
return;
}
var currentValue = $(this).val();
if (currentValue.length <= 2) return;
var newValue = removeLeadingZeros(currentValue);
if (currentValue !== newValue) {
$(this).val(newValue);
}
});
two_numbers();
});
document.addEventListener("DOMContentLoaded", function() {
let observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
let target = entry.target;
let href = target.getAttribute('href');
// Use RegExp to extract the ID from the href value
let match = href.match(/#popup:marquiz_([0-9a-f]+)/);
if (match) {
let id = match[1];
// Construct the specific event name using the extracted ID
let specificEventName = `marquiz_button_view_${id}`;
// Setup a timer for 0.3 seconds when the button is in view
if (entry.isIntersecting) {
let timer = setTimeout(() => {
// Check localStorage to ensure events are sent only once
// if (!localStorage.getItem(specificEventName)) {
gtag('event', 'marquiz_button_view', {
// Event parameters
});
gtag('event', specificEventName, {
// Event parameters
});
console.log(specificEventName)
localStorage.setItem(specificEventName, true);
// }
observer.unobserve(target);
}, 500);
// Store the timer ID using the target element's data attribute
target.dataset.timerId = timer;
} else {
// If the button leaves the viewport before 0.5 seconds, clear the timer
let timer = target.dataset.timerId;
if (timer) {
clearTimeout(timer);
}
}
}
});
}, {
root: null,
rootMargin: '0px',
threshold: 0.1
});
// Start observing all buttons with the specified pattern in their href attribute
document.querySelectorAll('a[href^="#popup:marquiz_"]').forEach(button => {
observer.observe(button);
});
// document.body.addEventListener('click', (event) => {
// let target = event.target;
// while (target != null && target.tagName != 'A') {
// target = target.parentElement;
// }
// if (target && target.hash) {
// gtag('event', 'anchor_click', {
// 'anchor_text': target.hash
// });
// }
// });
// });
});
