(function persistentEURWatcher() { const EXCHANGE_RATE = 1.95583; const selectors = [ // Previous selectors 'div[data-testid="productPriceContainer"] p[data-testid="productPrice"]', 'div.YKOQm p', 'p.xi7LL.text-base.font-medium', 'p[data-testid="basketItemPrice"]', 'div[data-testid="basketPriceContainer"] p.xi7LL', 'div.fe4PG span.xi7LL', 'div._6lgyg span.xi7LL', 'div.BX6HM p.xi7LL', 'span[data-testid="productOldPrice"]', 'p[data-testid="productPrice"]', // ✅ Additional selectors you added previously 'div._5zV7a p.xi7LL span.font-medium', 'div.W1MgO span.xi7LL', 'div.mb-10.mt-4.flex.justify-between span.xi7LL', // ✅ Selector for:

'div.xi7LL.text-lg.font-medium.qqJNj', // ✅ NEW selectors for the classes you mentioned 'div.xi7LL.text-sm.font-normal._4gnzR.jltdx', 'div.xi7LL.text-lg.font-medium.-eeDO' ]; function convertBGNtoEUR(text) { const clean = text.trim().replace(/\s+/g, ''); const match = clean.match(/^([\d.,]+)лв\.?$/); if (!match) return null; const bgn = parseFloat(match[1].replace(',', '.')); return isNaN(bgn) ? null : (bgn / EXCHANGE_RATE).toFixed(2); } function appendEUR(el) { if (el.querySelector('.eur-price')) return; const eur = convertBGNtoEUR(el.textContent); if (!eur) return; const span = document.createElement('span'); span.className = 'eur-price'; span.style.marginLeft = '10px'; span.style.color = '#666'; span.style.fontSize = '0.95em'; span.textContent = `(${eur} EUR)`; el.appendChild(span); } function scanAll() { const elements = document.querySelectorAll(selectors.join(',')); elements.forEach(appendEUR); } // Initial run scanAll(); // Re-scan every 2 seconds to handle dynamic updates setInterval(scanAll, 2000); // React to DOM changes instantly const observer = new MutationObserver(scanAll); observer.observe(document.body, { childList: true, subtree: true }); console.log("💶 EUR price watcher is active."); })(); (function() { // Select the parent div where the links will be added const parentDiv = document.querySelector('.k63CE'); // Create "За нас" link element const aboutLink = document.createElement('a'); aboutLink.className = 'stWcf xi7LL text-base font-medium ukgP8'; aboutLink.href = '/s/za-nas-sd6w5x'; aboutLink.textContent = 'За нас'; // Create "Блог" link element const blogLink = document.createElement('a'); blogLink.className = 'stWcf xi7LL text-base font-medium ukgP8'; blogLink.href = '/blog'; blogLink.textContent = 'Блог'; // Append the new links to the parent div if (parentDiv) { parentDiv.appendChild(aboutLink); parentDiv.appendChild(blogLink); } // Update the menu text if it matches "Меню" const menuElement = document.querySelector(".xi7LL.text-base.font-medium"); if (menuElement && menuElement.textContent === "Меню") { menuElement.textContent = "Магазин"; } })(); let lastUrl = location.href; // Function to click the link function clickLink() { // Select the element by class and text content const alertBar = document.querySelector('.Box_box__WUuGy.Box_box__RzttO.Box_box__dir-row__gjQkR.Box_box__justify-flex-start__XX_Ma.Box_box__align-flex-start__t8zcJ[data-testid="alert-bar-text"]'); if (alertBar && alertBar.textContent.includes("Безплатна доставка")) { const event = new MouseEvent('click', { view: window, bubbles: true, cancelable: true }); alertBar.dispatchEvent(event); } } // Function to observe the DOM for changes function observeDOMChanges() { const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList') { clickLink(); // Try clicking the link whenever there's a change in the DOM } }); }); // Start observing the entire document for child list changes observer.observe(document.body, { childList: true, subtree: true }); } // Initial link click attempt on load window.addEventListener('load', function() { clickLink(); // Try clicking on load observeDOMChanges(); // Start observing for any further changes }); // Also try clicking every second as a fallback setInterval(clickLink, 1000); // Function to reload the page if the URL changes function reloadOnPageChange() { const currentUrl = location.href; if (currentUrl !== lastUrl) { lastUrl = currentUrl; // Reload the page one time when the URL changes location.reload(); } } // Check for URL changes every 500 milliseconds setInterval(reloadOnPageChange, 500); window.onload = function() { const img = document.querySelector('img[src="https://api.nextbasket.shop/files/00885fb3-e376-4b6d-b257-600b7419e232/tenants/images/98b74c74-17ef-4bd3-9206-5dbfa8bf4a14.png"]'); if (img) { img.style.transform = 'scale(3.7)'; } }; // Create a link element const link = document.createElement("link"); // Set the attributes for the Google Fonts stylesheet link.href = "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap"; link.rel = "stylesheet"; // Append the link element to the head document.head.appendChild(link); // Find the image by alt attribute const targetImage = document.querySelector('img[alt="1"]'); if (targetImage) { // Create a container div to position the button over the image const container = document.createElement("div"); container.style.position = "relative"; container.style.display = "inline-block"; // Insert the container into the DOM and move the image inside it targetImage.parentNode.insertBefore(container, targetImage); container.appendChild(targetImage); // Create the button const button = document.createElement("button"); button.innerText = "Грабни тук"; // Base button styling with transparent white background button.style.position = "absolute"; button.style.backgroundColor = "rgba(255, 255, 255, 0.7)"; button.style.color = "#000"; button.style.fontFamily = "Raleway, sans-serif"; button.style.border = "2px solid #000"; button.style.borderRadius = "8px"; button.style.cursor = "pointer"; button.style.transition = "all 0.3s ease"; button.style.letterSpacing = "1px"; button.style.boxShadow = "0px 8px 15px rgba(0, 0, 0, 0.4)"; // Responsive styling for positioning and size function applyResponsiveStyles() { if (window.innerWidth <= 768) { // Position button near the top center on mobile, with smaller size button.style.top = "10px"; // Slightly down from the top edge button.style.left = "50%"; button.style.transform = "translateX(-50%)"; button.style.fontSize = "0.9em"; // Smaller font size button.style.padding = "8px 16px"; // Smaller padding } else { // Position button near the bottom center on desktop, with smaller size button.style.bottom = "20px"; // Slightly up from the bottom edge button.style.left = "50%"; button.style.transform = "translateX(-50%)"; button.style.fontSize = "1.2em"; // Smaller font size button.style.padding = "10px 24px"; // Smaller padding } } // Apply initial styles and update on resize applyResponsiveStyles(); window.addEventListener("resize", applyResponsiveStyles); // Hover effect with swapped styles button.addEventListener("mouseover", () => { button.style.backgroundColor = "rgba(0, 0, 0, 0.7)"; button.style.color = "#fff"; button.style.boxShadow = "0px 10px 20px rgba(0, 0, 0, 0.6)"; }); button.addEventListener("mouseout", () => { button.style.backgroundColor = "rgba(255, 255, 255, 0.7)"; button.style.color = "#000"; button.style.boxShadow = "0px 8px 15px rgba(0, 0, 0, 0.4)"; }); // Append the button to the container container.appendChild(button); } document.addEventListener("DOMContentLoaded", function() { const swiperSlides = document.querySelectorAll('.swiper-initialized .swiper-slide img'); if (swiperSlides.length > 0) { swiperSlides.forEach(img => { // Get the original dimensions const originalWidth = img.clientWidth; const originalHeight = img.clientHeight; // Update the width and height to be 3 times larger img.style.width = `${originalWidth * 3}px`; img.style.height = `${originalHeight * 3}px`; }); } }); // Create a container for the phone icon const phoneContainer = document.createElement('div'); // Set styles for the container phoneContainer.style.position = 'fixed'; // Fix position on the screen phoneContainer.style.bottom = '55px'; // Distance from the bottom phoneContainer.style.right = '20px'; // Distance from the right phoneContainer.style.width = '60px'; // Width of the container phoneContainer.style.height = '60px'; // Height of the container phoneContainer.style.borderRadius = '50%'; // Make it circular phoneContainer.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.3)'; // Shadow effect phoneContainer.style.cursor = 'pointer'; // Pointer on hover phoneContainer.style.display = 'flex'; // Use flex to center the image phoneContainer.style.alignItems = 'center'; // Center vertically phoneContainer.style.justifyContent = 'center'; // Center horizontally phoneContainer.style.backgroundColor = 'white'; // Optional: Background color for contrast // Create the phone icon image const phoneIcon = document.createElement('img'); phoneIcon.src = 'https://w7.pngwing.com/pngs/532/239/png-transparent-computer-icons-mobile-phones-telephone-call-email-miscellaneous-telephone-call-text.png'; phoneIcon.alt = 'Call'; phoneIcon.style.width = '50px'; // Set the width of the image phoneIcon.style.height = '50px'; // Set the height of the image phoneIcon.style.borderRadius = '50%'; // Ensure the image is circular phoneIcon.style.objectFit = 'contain'; // Ensure the image is fully contained in the div phoneIcon.style.padding = '5px'; // Add padding to avoid cutting off // Add hover effect phoneContainer.addEventListener('mouseover', () => { phoneContainer.style.transform = 'scale(1.1)'; // Scale up on hover }); phoneContainer.addEventListener('mouseout', () => { phoneContainer.style.transform = 'scale(1)'; // Scale back down }); // Add click event to initiate phone call phoneContainer.addEventListener('click', () => { window.location.href = 'tel:08888888888'; // Change to the desired phone number }); // Append the icon to the container phoneContainer.appendChild(phoneIcon); // Append the container to the body document.body.appendChild(phoneContainer); // Create a link element to load Raleway from Google Fonts var linkRaleway = document.createElement('link'); linkRaleway.href = 'https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap'; linkRaleway.rel = 'stylesheet'; // Append the link element to the head document.head.appendChild(linkRaleway); // Create a style element to apply the Raleway font to all elements with weight 500 var styleRaleway = document.createElement('style'); styleRaleway.innerHTML = ` body { font-family: 'Raleway', sans-serif; font-weight: 500; } `; // Append the style element to the head document.head.appendChild(styleRaleway); // Wait until the DOM is fully loaded document.addEventListener("DOMContentLoaded", () => { // Select the specific swiper container const swiperContainer = document.querySelector('.swiper.swiper-initialized.swiper-horizontal.kbr2s.swiper-backface-hidden'); if (swiperContainer) { // Select all images within the swiper slides const swiperImages = swiperContainer.querySelectorAll('.swiper-slide img'); swiperImages.forEach(img => { // Apply a CSS transform to scale the images 3x img.style.transform = 'scale(3)'; img.style.transformOrigin = 'center'; // Keeps the image centered within the slide }); } else { console.error("Swiper container not found"); } }); // Determine the target element based on screen width const targetElement = window.innerWidth <= 768 ? document.querySelector('.h-\\[5\\.13625rem\\].mb-4.relative.max-w-full') // Mobile element : document.querySelector('.h-\\[6\\.13625rem\\].mb-4.relative.max-w-full'); // Default element // Create a new container for the centered slider const centeredSliderContainer = document.createElement('div'); centeredSliderContainer.className = 'centered-slider-container'; centeredSliderContainer.innerHTML = `

НАШИТЕ ПАРТНЬОРИ

`; // Insert the slider container after the target element if (targetElement) { targetElement.insertAdjacentElement('afterend', centeredSliderContainer); } // Infinite scroll effect for the logo slider let scrollAmount = 0; const slider = document.getElementById('logoSlider'); function slideLogos() { scrollAmount += 1; if (scrollAmount >= slider.scrollWidth) { slider.style.transform = 'translateX(0)'; scrollAmount = 0; } else { slider.style.transform = `translateX(-${scrollAmount}px)`; } requestAnimationFrame(slideLogos); } slideLogos(); // Select images by alt attributes const harrodsImage = document.querySelector('img[alt="Cocos"]'); const childrensalonImage = document.querySelector('img[alt="Лимон"]'); // Apply styles if both images are found if (harrodsImage && childrensalonImage) { // Select the grid container and apply styles to span full width const gridContainer = document.querySelector('.grid.md\\:grid-cols-2.grid-cols-1.gap-6.col-span-12.col-start-1.col-end-13'); if (gridContainer) { gridContainer.style.display = 'flex'; gridContainer.style.flexWrap = 'wrap'; // Allows images to stack on smaller screens gridContainer.style.gap = '0'; gridContainer.style.width = '100vw'; gridContainer.style.left = '50%'; gridContainer.style.marginLeft = '-50vw'; gridContainer.style.position = 'relative'; } // Apply styles and add button for each image [ { image: harrodsImage, text: "Вкусно и здравословно за малки и големи", link: "https://greenday.nextbasket.shop/p/vafla-kokos-pjwbgi" }, { image: childrensalonImage, text: "Зареди се с енергия без притеснения", link: "https://greenday.nextbasket.shop/p/vafla-bez-gluten-limon-vitamin-s-p09vav" } ].forEach(({ image, text, link }) => { const container = image.closest('.uJUcg'); if (container) { container.style.width = '50vw'; container.style.position = 'relative'; container.style.overflow = 'hidden'; // Adjust for mobile by setting full width if (window.innerWidth <= 768) { container.style.width = '100vw'; } } // Apply styles directly to each image image.style.width = '100%'; image.style.height = 'auto'; image.style.display = 'block'; // Create a dark overlay for better text contrast const darkOverlay = document.createElement('div'); darkOverlay.style.position = 'absolute'; darkOverlay.style.top = '0'; darkOverlay.style.left = '0'; darkOverlay.style.width = '100%'; darkOverlay.style.height = '100%'; darkOverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.3)'; // Select the "Shop now" image by its alt attribute const shopNowImage = document.querySelector('img[alt="1"]'); if (shopNowImage) { // Find the closest container with the class .uJUcg, if applicable const container = shopNowImage.closest('.uJUcg'); if (container) { // Apply styles to the container to make it span the full width of the screen container.style.position = 'relative'; container.style.width = '100vw'; container.style.left = '50%'; container.style.marginLeft = '-50vw'; container.style.overflow = 'hidden'; } // Apply styles directly to the "Shop now" image to fill the container shopNowImage.style.width = '100%'; shopNowImage.style.height = 'auto'; shopNowImage.style.display = 'block'; } darkOverlay.style.zIndex = '1'; // Create an overlay container for the text and button const overlayContainer = document.createElement('div'); overlayContainer.style.position = 'absolute'; overlayContainer.style.top = '50%'; overlayContainer.style.left = '50%'; overlayContainer.style.transform = 'translate(-50%, -50%)'; overlayContainer.style.textAlign = 'center'; overlayContainer.style.color = 'white'; overlayContainer.style.fontFamily = 'Raleway, sans-serif'; overlayContainer.style.zIndex = '2'; // Create the text element const overlayText = document.createElement('p'); overlayText.innerText = text; overlayText.style.fontSize = '1.6rem'; // Consistent font size for both texts overlayText.style.fontWeight = '600'; // Slightly thinner weight overlayText.style.marginBottom = '15px'; // Adjust font size for mobile if (window.innerWidth <= 768) { overlayText.style.fontSize = '1.4rem'; overlayText.style.marginBottom = '10px'; } // Create the button element const button = document.createElement('a'); button.innerText = 'Грабни сега'; button.href = link; button.style.padding = '10px 20px'; button.style.backgroundColor = 'rgba(0, 0, 0, 0.7)'; button.style.color = '#fff'; button.style.border = '2px solid #fff'; button.style.borderRadius = '8px'; button.style.textDecoration = 'none'; button.style.cursor = 'pointer'; button.style.fontSize = '1rem'; button.style.transition = 'all 0.3s ease'; // Adjust button padding for mobile if (window.innerWidth <= 768) { button.style.padding = '8px 16px'; button.style.fontSize = '0.9rem'; } // Hover effect for button button.addEventListener('mouseover', () => { button.style.backgroundColor = '#fff'; button.style.color = 'black'; }); button.addEventListener('mouseout', () => { button.style.backgroundColor = 'rgba(0, 0, 0, 0.7)'; button.style.color = '#fff'; }); // Append text and button to the overlay container overlayContainer.appendChild(overlayText); overlayContainer.appendChild(button); // Append the dark overlay and text overlay to the image container container.appendChild(darkOverlay); container.appendChild(overlayContainer); }); } // Select the "Shop now" image by its alt attribute const shopNowImage = document.querySelector('img[alt="2"]'); if (shopNowImage) { // Find the closest container with the class .uJUcg, if applicable const container = shopNowImage.closest('.uJUcg'); if (container) { // Apply styles to the container to make it span the full width of the screen container.style.position = 'relative'; container.style.width = '100vw'; container.style.left = '50%'; container.style.marginLeft = '-50vw'; container.style.overflow = 'hidden'; } // Apply styles directly to the "Shop now" image to fill the container shopNowImage.style.width = '100%'; shopNowImage.style.height = 'auto'; shopNowImage.style.display = 'block'; }

JOYDAY