Σύνδεση
Εγγραφή
Σύνδεση
Εγγραφή
Φίλτρα
Το καλάθι σας
0
0
* ή φορτώστε το ως εξωτερικό αρχείο .js. */ (function () { 'use strict'; // Πλάτος του cart side panel (αντιστοιχεί στο CSS: .mobile-container { width: 400px }) var CART_WIDTH = 400; // Διάρκεια animation του cart (αντιστοιχεί στο CSS: transition: all .4s) var TRANSITION_DURATION = '0.4s'; // Λαμβάνουμε το bubble element var pbContainer = document.getElementById('pb-container'); if (!pbContainer) { // Αν δεν υπάρχει ακόμα (π.χ. φορτώνεται αργότερα), περιμένουμε document.addEventListener('DOMContentLoaded', init); return; } init(); function init() { pbContainer = document.getElementById('pb-container'); if (!pbContainer) return; // Προσθέτουμε smooth transition στο pb-container pbContainer.style.transition = 'right ' + TRANSITION_DURATION + ' cubic-bezier(0.645, 0.045, 0.355, 1)'; // Παρακολουθούμε αλλαγές στις κλάσεις του element var htmlEl = document.documentElement; var observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { handleCartState(htmlEl.classList.contains('mobile-cart-content-container-open')); } }); }); observer.observe(htmlEl, { attributes: true }); // Ελέγχουμε την αρχική κατάσταση (σε περίπτωση που είναι ήδη ανοιχτό) handleCartState(htmlEl.classList.contains('mobile-cart-content-container-open')); } function handleCartState(isOpen) { if (!pbContainer) return; // Υπολογίζουμε το πραγματικό πλάτος του cart: // Αν η οθόνη είναι μικρότερη από CART_WIDTH, το max-width:90% θα ισχύει var effectiveWidth = Math.min(CART_WIDTH, window.innerWidth * 0.9); if (isOpen) { // Μετακινούμε το bubble αριστερά κατά το πλάτος του cart pbContainer.style.right = effectiveWidth + 'px'; } else { // Επαναφέρουμε στην αρχική θέση pbContainer.style.right = ''; } } // Ενημερώνουμε το πλάτος αν αλλάξει το μέγεθος παραθύρου ενώ είναι ανοιχτό window.addEventListener('resize', function () { if (document.documentElement.classList.contains('mobile-cart-content-container-open')) { handleCartState(true); } }); })();
Φίλτρα
Tο προϊόν αυτή τη στιγμή βρίσκεται εκτός αποθέματος. Εισάγεται το email σας και θα σας ειδοποιήσουμε μόλις το προϊόν είναι διαθέσιμο.
Όνομα
Email
Τηλέφωνο