واتساب
fbq('track', 'AddToCart', { content_ids: ['123'], // 'REQUIRED': array of product IDs content_type: 'product', // RECOMMENDED: Either product or product_group based on the content_ids or contents being passed. }); fbq('track', 'Purchase', { content_ids: ['123'], // 'REQUIRED': array of product IDs value: 1234.99, // REQUIRED, up to 2 decimals optional currency: 'USD', // REQUIRED content_type: 'product', // RECOMMENDED: Either product or product_group based on the content_ids or contents being passed. }); /* ملف CSS للنافذة المنبثقة لتغيير اللغة والعملة */ * { margin: 0; padding: 0; box-sizing: border-box; } /* طبقة التعتيم */ .language-currency-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .language-currency-overlay.active { opacity: 1; visibility: visible; } /* النافذة المنبثقة */ .language-currency-popup { background: linear-gradient(135deg, #f39c12, #e67e22); /* ألوان دلمون الذهبية */ border-radius: 20px; padding: 40px; max-width: 500px; width: 90%; position: relative; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); transform: scale(0.7) translateY(-50px); transition: all 0.3s ease; text-align: center; font-family: 'Arial', sans-serif; direction: rtl; } .language-currency-overlay.active .language-currency-popup { transform: scale(1) translateY(0); } /* زر الإغلاق */ .language-currency-close { position: absolute; top: 15px; right: 20px; background: none; border: none; font-size: 30px; color: #fff; /* لون أبيض ليتناسب مع الخلفية الداكنة */ cursor: pointer; transition: all 0.3s ease; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .language-currency-close:hover { background-color: rgba(255, 255, 255, 0.2); transform: rotate(90deg); } /* العنوان */ .language-currency-title { color: #fff; /* لون أبيض ليتناسب مع الخلفية الذهبية */ font-size: 24px; font-weight: bold; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } /* مجموعة الحقول */ .language-currency-group { margin-bottom: 25px; text-align: right; animation: fadeInUp 0.6s ease forwards; } .language-currency-group:nth-child(2) { animation-delay: 0.1s; } .language-currency-group:nth-child(3) { animation-delay: 0.2s; } .language-currency-label { display: block; color: #fff; /* لون أبيض ليتناسب مع الخلفية الذهبية */ font-size: 18px; font-weight: bold; margin-bottom: 10px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } /* القوائم المنسدلة */ .language-currency-select { width: 100%; padding: 15px 20px; border: none; border-radius: 10px; font-size: 16px; background-color: #fff; /* خلفية بيضاء */ color: #333; /* لون نص داكن */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; cursor: pointer; text-align: right; direction: rtl; } .language-currency-select:focus { outline: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .language-currency-select option { padding: 10px; text-align: right; direction: rtl; } /* الأزرار */ .language-currency-buttons { display: flex; gap: 15px; margin-top: 30px; flex-direction: column; animation: fadeInUp 0.6s ease forwards; animation-delay: 0.3s; } .language-currency-btn { padding: 15px 30px; border: none; border-radius: 10px; font-size: 18px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; } .language-currency-btn-primary { background-color: #fff; /* زر أساسي أبيض */ color: #f39c12; /* لون نص ذهبي */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .language-currency-btn-primary:hover { background-color: #f8f9fa; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); } .language-currency-btn-secondary { background-color: transparent; color: #fff; /* زر ثانوي نص أبيض */ border: 2px solid #fff; /* حدود بيضاء */ } .language-currency-btn-secondary:hover { background-color: #fff; color: #f39c12; /* لون نص ذهبي عند التحويم */ transform: translateY(-3px); } /* تأثيرات الحركة */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* تصميم متجاوب */ @media (max-width: 768px) { .language-currency-popup { padding: 30px 20px; margin: 20px; } .language-currency-title { font-size: 20px; } .language-currency-label { font-size: 16px; } .language-currency-select { padding: 12px 15px; font-size: 14px; } .language-currency-btn { padding: 12px 25px; font-size: 16px; } } /* تحسينات إضافية */ .language-currency-popup::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #f39c12, #e67e22, #d35400, #f39c12); /* حدود متوهجة ذهبية */ border-radius: 22px; z-index: -1; animation: borderGlow 3s ease-in-out infinite; } @keyframes borderGlow { 0%, 100% { opacity: 0.8; } 50% { opacity: 1; } } /* أيقونات العملة واللغة */ .language-currency-group.currency::before { content: '💰'; display: inline-block; width: 20px; height: 20px; margin-left: 10px; vertical-align: middle; } .language-currency-group.language::before { content: '🌐'; display: inline-block; width: 20px; height: 20px; margin-left: 10px; vertical-align: middle; }