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

`; // 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'; }

Шоколадови изделия