// CUCU API Docs - Floating Cart CTA // This script creates a persistent cart button that follows users (function() { // Wait for DOM to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initFloatingCart); } else { initFloatingCart(); } function initFloatingCart() { // Create floating cart container const floatingCart = document.createElement('div'); floatingCart.className = 'floating-cart'; floatingCart.innerHTML = ` Comprar Ahora Ver todos los precios → `; document.body.appendChild(floatingCart); // Hide tooltip after 5 seconds on first load const tooltip = floatingCart.querySelector('.floating-cart-tooltip'); setTimeout(() => { if (tooltip) { tooltip.style.animation = 'none'; tooltip.style.opacity = '0'; tooltip.style.transform = 'translateY(10px)'; tooltip.style.transition = 'all 0.3s ease'; } }, 8000); // Show tooltip on hover const btn = floatingCart.querySelector('.floating-cart-btn'); btn.addEventListener('mouseenter', () => { if (tooltip) { tooltip.style.opacity = '1'; tooltip.style.transform = 'translateY(0)'; } }); btn.addEventListener('mouseleave', () => { if (tooltip) { tooltip.style.opacity = '0'; tooltip.style.transform = 'translateY(10px)'; } }); // Track scroll and show/hide based on position let lastScrollY = window.scrollY; let ticking = false; window.addEventListener('scroll', () => { if (!ticking) { window.requestAnimationFrame(() => { // Keep cart visible but can add scroll-based animations here const scrollDiff = window.scrollY - lastScrollY; // Subtle animation on scroll direction change if (Math.abs(scrollDiff) > 50) { btn.style.transform = scrollDiff > 0 ? 'scale(0.95)' : 'scale(1.05)'; setTimeout(() => { btn.style.transform = ''; }, 150); } lastScrollY = window.scrollY; ticking = false; }); ticking = true; } }); } })();

API Documentation

Requisitos

Endpoint Configuration

Endpoint Invoice

Endpoint Services

Archivos Pdf

Políticas

Page Not Found