// Dynamically fetch subcategories and create a dropdown megamenu // Function to fetch subcategories from a URL async function fetchSubcategories(url) { try { const response = await fetch(url, { cache: 'force-cache' }); // Use cached responses if available const text = await response.text(); const parser = new DOMParser(); const doc = parser.parseFromString(text, "text/html"); // Look for the specific subcategories container by its class const subcategoriesContainer = doc.querySelector(".W0Cvt .nDVaw ul.GPfeC"); if (!subcategoriesContainer) return null; // Return the subcategories as HTML return subcategoriesContainer.innerHTML; } catch (error) { console.error("Error fetching subcategories:", error); return null; } } // Function to create the megamenu dropdown function createDropdownMenu(subcategoriesHTML) { const dropdown = document.createElement("div"); dropdown.className = "megamenu-dropdown"; dropdown.innerHTML = `

${subcategoriesHTML}

`; return dropdown; } // Function to initialize the megamenu dynamically async function initializeMegamenu() { let initializedCategories = new Set(); // Track already processed categories const observer = new MutationObserver(async (mutations) => { const categories = document.querySelectorAll(".OJCNN a.stWcf"); for (const category of categories) { const categoryText = category.textContent.trim(); // Only process "Облекло" and "Аксесоари" if (categoryText !== "Облекло" && categoryText !== "Аксесоари") continue; // Skip if already initialized if (initializedCategories.has(category.href)) continue; const categoryUrl = category.href; // Throttle requests by ensuring only one fetch per category if (!initializedCategories.has(categoryUrl)) { initializedCategories.add(categoryUrl); const subcategoriesHTML = await fetchSubcategories(categoryUrl); if (subcategoriesHTML) { // Create the dropdown menu and append it to the category const dropdown = createDropdownMenu(subcategoriesHTML); category.parentElement.style.position = "relative"; // Ensure the parent has position for dropdown category.parentElement.appendChild(dropdown); // Add hover effect to show the dropdown category.parentElement.addEventListener("mouseenter", () => { dropdown.style.display = "block"; }); category.parentElement.addEventListener("mouseleave", () => { dropdown.style.display = "none"; }); } } } }); // Observe changes in the DOM to dynamically add megamenus observer.observe(document.body, { childList: true, subtree: true }); } // Add basic styling for the megamenu document.head.insertAdjacentHTML("beforeend", ` `); // Initialize the megamenu initializeMegamenu(); document.querySelectorAll('.a5e87._2BiAl.jQUjh').forEach(function(element) { // Check if the overlay text is already added to avoid duplicates if (!element.querySelector('.overlay-text')) { // Create the span element const overlayText = document.createElement('span'); overlayText.className = 'overlay-text'; overlayText.textContent = 'VIEW ALL →'; // Append the span to the existing div element.appendChild(overlayText); } }); setInterval(function() { document.querySelectorAll('.xi7LL.text-base.font-normal._1dvwN').forEach(function(element) { if (element.textContent.trim() === "Доверен от най-добрите в света") { element.textContent = "Пазарувай по марка"; } }); }, 100); // Reapply script on history navigation window.addEventListener('popstate', function() { document.querySelectorAll('.xi7LL.text-base.font-normal._1dvwN').forEach(function(element) { if (element.textContent.trim() === "Доверен от най-добрите в света") { element.textContent = "Пазарувай по марка"; } }); }); (function () { console.log("Sticky Footer Script Initialized!"); let currentProductTitle = null; const addStickyFooter = () => { console.log("Attempting to add/update the sticky footer..."); const productTitle = document.querySelector('h1.xi7LL.text-xl.font-medium'); const productPrice = document.querySelector('.YKOQm .xi7LL.text-2xl.font-medium'); const addToCartButton = document.querySelector('._0Dc-D ._2FTCz._1zffG.Ck0CN'); // Check if the sticky footer should be hidden for this page const pageIdentifier = window.location.pathname; // Unique page identifier const isFooterClosed = localStorage.getItem(`footerClosed_${pageIdentifier}`); if (isFooterClosed === 'true') { console.log("Sticky footer is set to be hidden for this page."); return; } if (productTitle && productPrice && addToCartButton) { const newProductTitle = productTitle.textContent.trim(); const existingFooter = document.querySelector('.sticky-footer'); if (existingFooter) { if (currentProductTitle === newProductTitle) { console.log("Sticky footer already up-to-date for the current product."); return; } console.log("Removing existing sticky footer for a new product or page..."); existingFooter.remove(); } console.log("Adding sticky footer for the new product..."); const footer = document.createElement('div'); footer.className = 'sticky-footer hidden'; footer.innerHTML = `

${newProductTitle}

${productPrice.textContent.trim()}

`; // Close button functionality const closeButton = footer.querySelector('.close-footer-button'); closeButton.addEventListener('click', function () { console.log("Close button clicked! Removing sticky footer and setting localStorage."); footer.remove(); localStorage.setItem(`footerClosed_${pageIdentifier}`, 'true'); // Mark footer as closed for this page }); footer.querySelector('.buy-now-button').addEventListener('click', function () { console.log("Buy Now button clicked!"); addToCartButton.click(); }); document.body.appendChild(footer); console.log("Sticky footer added successfully!"); window.addEventListener('scroll', function toggleFooterVisibility() { if (window.scrollY > 600) { footer.classList.remove('hidden'); footer.classList.add('visible'); } else { footer.classList.remove('visible'); footer.classList.add('hidden'); } }); currentProductTitle = newProductTitle; } else { console.log("Required elements not found. Removing any existing sticky footer..."); const existingFooter = document.querySelector('.sticky-footer'); if (existingFooter) existingFooter.remove(); currentProductTitle = null; } }; const observer = new MutationObserver(() => { console.log("DOM changes detected. Checking for required elements..."); addStickyFooter(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); // Step 1: Add Google Fonts link dynamically const fontLink = document.createElement("link"); fontLink.href = "https://fonts.googleapis.com/css2?family=Jost:wght@300;700&display=swap&subset=cyrillic"; fontLink.rel = "stylesheet"; document.head.appendChild(fontLink); // Step 2: Apply the font globally with normal text as 300 and bold text as 700 const fontStyle = document.createElement("style"); fontStyle.textContent = ` * { font-family: 'Jost', sans-serif !important; font-weight: 300 !important; /* Default all text to 300 */ } b, strong { font-weight: 700 !important; /* Ensure bold elements are bold */ } `; document.head.appendChild(fontStyle); window.addEventListener("load", function() { // Create the Call button let callButton = document.createElement("button"); // Set button icon using an tag let callIcon = document.createElement("img"); callIcon.src = "https://static.vecteezy.com/system/resources/previews/027/690/750/non_2x/phone-icon-design-vector.jpg"; callIcon.alt = "Call Icon"; callIcon.style.width = "40px"; // Adjust icon size callIcon.style.height = "40px"; // Style the Call button callButton.style.position = "fixed"; callButton.style.bottom = "120px"; callButton.style.right = "30px"; // Position it to the left side of the page callButton.style.width = "50px"; callButton.style.height = "50px"; callButton.style.backgroundColor = "#000000"; callButton.style.borderRadius = "50%"; callButton.style.border = "1px solid #ffffff"; // Added white thin border callButton.style.cursor = "pointer"; callButton.style.boxShadow = "0 4px 10px rgba(0, 0, 0, 0.3)"; callButton.style.display = "flex"; callButton.style.alignItems = "center"; callButton.style.justifyContent = "center"; callButton.style.zIndex = "1000"; // Set the click action to call the specified number callButton.onclick = function () { window.location.href = "tel:+359 876 537 507"; }; // Append the image icon to the button and the button to the body callButton.appendChild(callIcon); document.body.appendChild(callButton); // Adjust the Scroll to Top button if needed (optional, not required for left placement) let scrollToTopBtn = document.querySelector(".scroll-to-top-button"); if (scrollToTopBtn) { scrollToTopBtn.style.left = "90px"; // Adjust the spacing if placing near the Call button } }); // Select the div with the class "Bb7wF" const referenceDiv = document.querySelector('div.Bb7wF'); // Check if the reference div exists if (referenceDiv) { // Create a new element to hold the text const newHeading = document.createElement('h2'); // Apply CSS to center the text, increase font size, and use Balsamiq Sans font newHeading.style.textAlign = 'center'; newHeading.style.fontFamily = '"Balsamiq Sans", sans-serif'; newHeading.style.fontSize = '18px'; // Make the font bigger // Create a span for the text to allow inline behavior const textSpan = document.createElement('span'); textSpan.textContent = 'SHOP BY CATEGORY'; textSpan.style.display = 'inline-block'; // Keep text inline with image // Create an image element const imageElement = document.createElement('img'); imageElement.src = 'https://i.ibb.co/ZY1crHP/4s24ee.png'; // Set the source of the image imageElement.alt = 'Icon'; // Set an alt text for accessibility imageElement.style.display = 'inline-block'; // Ensure the image stays inline imageElement.style.width = '24px'; // Adjust width as necessary imageElement.style.height = '24px'; // Adjust height as necessary imageElement.style.marginLeft = '10px'; // Add space between text and image // Insert the new heading after the reference div referenceDiv.insertAdjacentElement('afterend', newHeading); // Append the text and the image to the new heading newHeading.appendChild(textSpan); newHeading.appendChild(imageElement); } // Create a link element for Google Fonts let link = document.createElement('link'); link.href = 'https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap'; link.rel = 'stylesheet'; document.head.appendChild(link); link.onload = function() { // Select all h2 elements with the specific data-testid let h2Elements = document.querySelectorAll('h2[data-testid="title"]'); // Loop through the selected elements and apply the Balsamiq Sans font h2Elements.forEach(h2 => { h2.style.fontFamily = "'Balsamiq Sans', cursive"; }); }; document.querySelectorAll('h2').forEach(function(h2) { if (h2.textContent.trim() === 'Продукти в промоция') { h2.innerHTML = 'Продукти в промоция %'; } }); document.querySelectorAll('h2').forEach(function(h2) { if (h2.textContent.trim() === 'Нови & Популярни') { let brBefore = document.createElement('br'); let brAfter = document.createElement('br'); h2.parentNode.insertBefore(brBefore, h2); h2.parentNode.insertBefore(brAfter, h2.nextSibling); } }); document.querySelectorAll('h2').forEach(function(h2) { if (h2.textContent.trim() === 'Продукти в промоция') { let brBefore = document.createElement('br'); let brAfter = document.createElement('br'); h2.parentNode.insertBefore(brBefore, h2); h2.parentNode.insertBefore(brAfter, h2.nextSibling); } }); // Select the element to move const elementToMove = document.querySelector('._90rrP'); // Select the target container const targetContainer = document.querySelector('.relative.IKEra'); if (elementToMove && targetContainer) { // Append the element to the target container targetContainer.appendChild(elementToMove); } // Create the Scroll to Top button let scrollToTopBtn = document.createElement("button"); // Set button text (you can replace this with an icon or other element) scrollToTopBtn.innerHTML = "↑"; // Unicode arrow up symbol scrollToTopBtn.style.position = "fixed"; scrollToTopBtn.style.bottom = "50px"; scrollToTopBtn.style.right = "30px"; scrollToTopBtn.style.width = "50px"; scrollToTopBtn.style.height = "50px"; scrollToTopBtn.style.backgroundColor = "#000000"; scrollToTopBtn.style.borderRadius = "50%"; scrollToTopBtn.style.border = "1px solid #ffffff"; // Added white thin border scrollToTopBtn.style.cursor = "pointer"; scrollToTopBtn.style.boxShadow = "0 4px 10px rgba(0, 0, 0, 0.3)"; scrollToTopBtn.style.fontSize = "24px"; scrollToTopBtn.style.color = "white"; scrollToTopBtn.style.display = "none"; document.body.appendChild(scrollToTopBtn); window.onscroll = function () { if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) { scrollToTopBtn.style.display = "block"; } else { scrollToTopBtn.style.display = "none"; } }; scrollToTopBtn.onclick = function () { window.scrollTo({ top: 0, behavior: 'smooth' }); }; let descriptionExpanded = false; let characteristicsExpanded = true; let currentURL = window.location.href; var linkMontserrat = document.createElement('link'); linkMontserrat.href = 'https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'; linkMontserrat.rel = 'stylesheet'; document.head.appendChild(linkMontserrat); var styleMontserrat = document.createElement('style'); styleMontserrat.innerHTML = ` body { font-family: 'Montserrat', sans-serif; font-weight: 500; } `; document.head.appendChild(styleMontserrat); function applyStyles() { let h2Elements = document.querySelectorAll('h2[data-testid="title"]'); h2Elements.forEach(h2Element => { h2Element.style.setProperty('padding', '10px', 'important'); h2Element.style.setProperty('text-align', 'center', 'important'); h2Element.style.setProperty('border-radius', '8px', 'important'); h2Element.style.setProperty('margin-bottom', '22px', 'important'); }); } setInterval(applyStyles, 200); function insertBreakBeforeDiv() { let targetDiv = document.querySelector('div.grid.md\\:grid-cols-4.sm\\:grid-cols-2.grid-cols-2.gap-6.col-span-12.col-start-0'); if (targetDiv) { let brElement = document.createElement('br'); targetDiv.parentNode.insertBefore(brElement, targetDiv); } } insertBreakBeforeDiv(); function insertBreakBeforeDiv() { let targetDivs = document.querySelectorAll('div.SYa8E.!rounded-lg.border'); targetDivs.forEach(targetDiv => { let brElement = document.createElement('br'); targetDiv.parentNode.insertBefore(brElement, targetDiv); }); } insertBreakBeforeDiv(); function applyMontserratFont() { const link = document.createElement('link'); link.href = 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap'; link.rel = 'stylesheet'; document.head.appendChild(link); document.body.style.setProperty('font-family', 'Montserrat, sans-serif', 'important'); } document.addEventListener('DOMContentLoaded', applyMontserratFont); setInterval(() => { // Texts to detect const textsToDetect = [ 'В момента не доставяме до избранaта локация', 'We do not currently deliver to the selected location' ]; // The replacement message const replacementMessage = 'За да доставим до тази дестинация, моля свържете се с нас на имейл: rgcamp@abv.bg'; // Function to replace text content const replaceTextContent = () => { const elements = document.body.querySelectorAll('*'); // Select all elements elements.forEach(el => { textsToDetect.forEach(text => { if (el.textContent.includes(text)) { el.innerHTML = replacementMessage; el.style.color = '#873130'; // Apply custom styling el.style.fontSize = '16px'; el.style.fontWeight = 'bold'; } }); }); }; // Perform the replacement replaceTextContent(); }, 100); // Runs every 100ms

DIY Beads Toy