Shorts

(function() { // === CONFIG === const PROXY_URL = "/apps/ai-chat"; // Rotta App Proxy Shopify const CHAT_TITLE = "Assistenza AI"; const AUTO_OPEN_DELAY = 5000; // 5 secondi // === HTML DEL WIDGET === const widgetHTML = `

💬 Chat AI

`; document.body.insertAdjacentHTML("beforeend", widgetHTML); // === ELEMENTI === const chatBtn = document.getElementById("aiChatButton"); const chatWin = document.getElementById("aiChatWindow"); const chatClose = document.getElementById("aiChatClose"); const chatMessages = document.getElementById("aiChatMessages"); const chatInput = document.getElementById("aiChatInput"); const chatSend = document.getElementById("aiChatSend"); chatBtn.onclick = () => openChat(); chatClose.onclick = () => closeChat(); function openChat() { chatWin.style.display = "block"; chatBtn.style.display = "none"; } function closeChat() { chatWin.style.display = "none"; chatBtn.style.display = "block"; } // === MESSAGGI === function addMessage(role, text) { const div = document.createElement("div"); div.style.margin = "8px 0"; div.style.textAlign = role === "user" ? "right" : "left"; div.innerHTML = role === "user" ? `

${text}

` : `

${text}

`; chatMessages.appendChild(div); chatMessages.scrollTop = chatMessages.scrollHeight; } // === INVIO MESSAGGIO === async function sendMessage() { const msg = chatInput.value.trim(); if (!msg) return; addMessage("user", msg); chatInput.value = ""; const loading = document.createElement("div"); loading.innerHTML = `

...

`; chatMessages.appendChild(loading); chatMessages.scrollTop = chatMessages.scrollHeight; try { const response = await fetch(PROXY_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ message: msg }), }); const text = await response.text(); loading.remove(); // Tenta parsing JSON let data; try { data = JSON.parse(text); } catch { addMessage("ai", "⚠️ Errore: risposta non valida dal server."); console.warn("Server response:", text); return; } if (data.ok && data.title) { // Mostra prodotto singolo addMessage( "ai", `${data.title}
Prezzo: ${data.price}
${data.description || ""}
Vedi prodotto` ); } else if (Array.isArray(data.products)) { // Mostra elenco prodotti let html = "Ecco i prodotti trovati:
"; for (const p of data.products) { html += `

${p.title} - ${p.price}

`; } addMessage("ai", html); } else if (data.error) { addMessage("ai", `⚠️ ${data.error}`); } else { addMessage("ai", data.answer || "Nessuna risposta disponibile."); } } catch (err) { loading.remove(); addMessage("ai", "Errore di connessione al server."); console.error(err); } } chatSend.onclick = sendMessage; chatInput.addEventListener("keypress", (e) => { if (e.key === "Enter") sendMessage(); }); // === AUTO-OPEN DOPO 5 SECONDI (solo 1 volta per sessione) === if (!sessionStorage.getItem("aiChatOpened")) { setTimeout(() => { openChat(); sessionStorage.setItem("aiChatOpened", "true"); }, AUTO_OPEN_DELAY); } // === Messaggio iniziale === addMessage( "ai", "Ciao! Posso aiutarti con prodotti, ordini e politiche del negozio. Scrivi pure la tua domanda." ); })();

Shorts grigio modello POLLY a vita alta senza cuciture

Shorts smeraldo modello EVA a vita alta senza cuciture

Shorts beige modello POLLY a vita alta senza cuciture

Shorts ciliegia modello POLLY a vita alta senza cuciture

Shorts nero modello POLLY a vita alta senza cuciture

Shorts orchidea modello EVA a vita alta senza cuciture

Shorts cobalto modello EVA a vita alta senza cuciture

Shorts carminio modello EVA a vita alta senza cuciture

Shorts a costine nero modello CIRCE a vita alta

Shorts a costine viola modello CIRCE a vita alta

Shorts a costine rosso corallo modello CIRCE a vita alta