`; } function renderFilters() { const container = document.getElementById(“filterButtons”); container.innerHTML = CATEGORIES.map(cat => ` ${cat === “همه” ? “همه” : cat.split(” “)[0]} `).join(“”); } function setFilter(cat) { filterCategory = cat; renderFilters(); renderProductList(); } function handleSearch(e) { searchText = e.target.value; renderProductList(); } function escapeHtml(str) { if (!str) return ”; return str.replace(/[&]/g, function(m) { if (m === ‘&’) return ‘&’; if (m === ”) return ‘>’; return m; }).replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, function(c) { return c; }); } // expose functions to global window.selectProduct = selectProduct; window.setFilter = setFilter; window.copyToClipboard = copyToClipboard; // init renderFilters(); renderProductList(); document.getElementById(“searchInput”).addEventListener(“input”, handleSearch); // ==================== دیتای محصولات ==================== const PRODUCTS = [ { id: 1, sku: “CREAM-001”, name: “کرم مرطوب کننده هیدرودرم آبرسان ۲۴ ساعته”, brand: “هیدرودرم”, brandEn: “Hydroderm”, category: “کرم و مرطوب‌کننده”, origin: “ایرانی”, price: 350000, imageSearch: “hydroderm moisturizing cream”, imageUrl: “https://hydroderm.ir” }, { id: 2, sku: “CREAM-002”, name: “کرم آبرسان نئودرم پوست چرب SPF15”, brand: “نئودرم”, brandEn: “Neuderm”, category: “کرم و مرطوب‌کننده”, origin: “ایرانی”, price: 260000, imageSearch: “neuderm moisturizer oily skin”, imageUrl: “https://neuderm.ir” }, { id: 3, sku: “CREAM-003”, name: “کرم مرطوب کننده نیوا Soft”, brand: “نیوا”, brandEn: “Nivea”, category: “کرم و مرطوب‌کننده”, origin: “خارجی”, price: 450000, imageSearch: “Nivea Soft moisturizing cream”, imageUrl: “https://www.nivea.ir” }, { id: 4, sku: “LIP-001”, name: “رژ لب جامد مای شماره ۰۱ قرمز کلاسیک”, brand: “مای”, brandEn: “My”, category: “رژ لب و آرایش لب”, origin: “ایرانی”, price: 155000, imageSearch: “My lipstick red Iran cosmetic”, imageUrl: “https://my-cosmetics.ir” }, { id: 5, sku: “SHAMPOO-001”, name: “شامپو ضد ریزش هیدرودرم حاوی کافئین”, brand: “هیدرودرم”, brandEn: “Hydroderm”, category: “شامپو و مراقبت مو”, origin: “ایرانی”, price: 330000, imageSearch: “hydroderm anti hair loss shampoo caffeine”, imageUrl: “https://hydroderm.ir” }, { id: 6, sku: “PERF-001”, name: “عطر زنانه La vie est belle لانکوم”, brand: “لانکوم”, brandEn: “Lancome”, category: “عطر و اسپری”, origin: “خارجی”, price: 4600000, imageSearch: “Lancome La vie est belle perfume”, imageUrl: “https://www.lancome.fr” }, { id: 7, sku: “SUN-001”, name: “کرم ضد آفتاب هیدرودرم SPF60 بی‌رنگ”, brand: “هیدرودرم”, brandEn: “Hydroderm”, category: “ضد آفتاب”, origin: “ایرانی”, price: 320000, imageSearch: “hydroderm sunscreen SPF60 colorless”, imageUrl: “https://hydroderm.ir” }, { id: 8, sku: “CLEAN-001”, name: “پاک کننده آرایش مای دو فاز”, brand: “مای”, brandEn: “My”, category: “پاک‌کننده پوست”, origin: “ایرانی”, price: 185000, imageSearch: “My two phase makeup remover Iran”, imageUrl: “https://my-cosmetics.ir” }, { id: 9, sku: “MASCARA-001”, name: “ریمل مای حجم دهنده ضد آب”, brand: “مای”, brandEn: “My”, category: “ریمل و آرایش چشم”, origin: “ایرانی”, price: 178000, imageSearch: “My mascara volumizing waterproof Iran”, imageUrl: “https://my-cosmetics.ir” } ]; const CATEGORIES = [“همه”, “کرم و مرطوب‌کننده”, “رژ لب و آرایش لب”, “شامپو و مراقبت مو”, “عطر و اسپری”, “ضد آفتاب”, “پاک‌کننده پوست”, “ریمل و آرایش چشم”]; const CAT_COLORS = { “کرم و مرطوب‌کننده”: “#e8f4f0”, “رژ لب و آرایش لب”: “#fce8ec”, “شامپو و مراقبت مو”: “#e8edf8”, “عطر و اسپری”: “#f5edf8”, “ضد آفتاب”: “#fff8e1”, “پاک‌کننده پوست”: “#e8f8f5”, “ریمل و آرایش چشم”: “#f0e8f8”, }; const CAT_BADGE = { “کرم و مرطوب‌کننده”: “#2e8b6e”, “رژ لب و آرایش لب”: “#c0394b”, “شامپو و مراقبت مو”: “#3a5fa0”, “عطر و اسپری”: “#7b3fa0”, “ضد آفتاب”: “#b07d10”, “پاک‌کننده پوست”: “#1e8f7a”, “ریمل و آرایش چشم”: “#6235a0”, }; const CAT_EMOJI = { “کرم و مرطوب‌کننده”: “💧”, “رژ لب و آرایش لب”: “💄”, “شامپو و مراقبت مو”: “🌿”, “عطر و اسپری”: “🌸”, “ضد آفتاب”: “☀️”, “پاک‌کننده پوست”: “🫧”, “ریمل و آرایش چشم”: “👁️”, }; // دیتای نمونه برای محتوای سئو const SEO_SAMPLES = { 1: { metaTitle: “کرم مرطوب کننده هیدرودرم آبرسان ۲۴ ساعته | خرید آنلاین”, metaDescription: “کرم مرطوب کننده هیدرودرم با آبرسانی ۲۴ ساعته، مناسب پوست خشک و نرمال. خرید با قیمت ۳۵۰ هزار تومان و ارسال رایگان.”, shortDescription: “کرم آبرسان هیدرودرم با فناوری آبرسانی پیشرفته، رطوبت پوست را ۲۴ ساعت حفظ می‌کند.”, fullDescription: “

کرم مرطوب کننده هیدرودرم یک محصول فوق‌العاده برای آبرسانی عمیق پوست است.

• آبرسانی ۲۴ ساعته
• مناسب پوست خشک و نرمال
• فاقد چربی و سبک

روزی دو بار روی پوست تمیز استفاده کنید.

“, keywords: [“کرم مرطوب کننده”, “هیدرودرم”, “آبرسان صورت”, “کرم پوست خشک”], altText: “کرم مرطوب کننده هیدرودرم آبرسان ۲۴ ساعته”, imageGuide: { officialSite: “https://hydroderm.ir”, searchQuery: “hydroderm moisturizing cream”, tips: “عکس محصول را از سایت رسمی هیدرودرم با کیفیت بالا دانلود کنید.” } }, default: { metaTitle: “محصول آرایشی بهداشتی | خرید آنلاین با بهترین قیمت”, metaDescription: “خرید محصول آرایشی و بهداشتی اصل با گارانتی. ارسال سریع به سراسر کشور.”, shortDescription: “محصولی با کیفیت عالی و قیمت مناسب. مناسب برای انواع پوست.”, fullDescription: “

این محصول با بهترین مواد اولیه تولید شده و مناسب استفاده روزانه است.

تضمین اصالت کالا و بازگشت وجه در صورت عدم رضایت.

“, keywords: [“محصول آرایشی”, “بهداشتی”, “اصل”, “قیمت مناسب”], altText: “تصویر محصول آرایشی بهداشتی”, imageGuide: { officialSite: “#”, searchQuery: “beauty product”, tips: “از تصاویر با کیفیت و بدون واترمارک استفاده کنید.” } } }; function getSEODemo(productId) { return SEO_SAMPLES[productId] || SEO_SAMPLES.default; } function formatPrice(p) { return p.toLocaleString(“fa-IR”) + ” تومان”; } // State let selectedProduct = null; let filterCategory = “همه”; let searchText = “”; let copiedField = null; function getFilteredProducts() { return PRODUCTS.filter(p => (filterCategory === “همه” || p.category === filterCategory) && (p.name.includes(searchText) || p.brand.includes(searchText) || p.brandEn.toLowerCase().includes(searchText.toLowerCase())) ); } function renderProductList() { const filtered = getFilteredProducts(); document.getElementById(“productCount”).innerText = filtered.length + ” محصول”; const container = document.getElementById(“productList”); if (filtered.length === 0) { container.innerHTML = ‘‘; return; } container.innerHTML = filtered.map(p => ` `).join(“”); } function selectProduct(id) { selectedProduct = PRODUCTS.find(p => p.id === id); renderProductList(); renderSEOContent(); } function copyToClipboard(text, fieldName) { navigator.clipboard.writeText(text); copiedField = fieldName; renderSEOContent(); setTimeout(() => { copiedField = null; renderSEOContent(); }, 2000); } function renderSEOContent() { const container = document.getElementById(“mainContent”); if (!selectedProduct) { container.innerHTML = ` `; return; } const seo = getSEODemo(selectedProduct.id); container.innerHTML = `