إضافة صفحة التحميل للموقع (تخصيص CSS, JS)
في بعض الأحيان تفكر في تمييز موقعك عن غيرك وهذا يحسن من انجذاب عملائك للموقع ولهذا تخصيص الموقع شي مهم لاي موقع إلكتروني
وتوجد لدينا في لوحة التحكم بعض الخصائص الجاهزة وقسم مخصص لتخصيص CSS و JS وهذا يتطلب مطور ومصمم للعمل عليه
والان راح اشارك معاكم كود بسيط يعمل بواسطة تخصيص CSS, JS وبواسطة يمكنك إضافة صفحه التحميل في موقعك مع بعض التخصيص
اولا يجب الدخول الى الإعدادات ثم التخصيص
وستجد ٣ خيارات
يمهنا الان هو HTML, JS
سنضع في HTML هذا الكود
وفي JS سنضع هذا الكود
الان بعد الحفط ستعمل مباشره دون اي إعدادات اخرى حرصنا على توفير الميزه بأقل كود حيث ليس كل التجار لديهم الخلفية في البرمجة
الان يمكنك تخصيص كود JS
مثل وضع لون معين للخلفيه او صوره معينه او صورة متحركه وراح نضع الامثلة بالاسفل ويمكنك تعديل الالوان والروابط
مثال لوضع لون الخلفية ابيض
مثال لوضع صورة للخلفية
let loadingIcon هنا سيكون رابط الايقونة الخاصة فيك قم بإستبدال الرابط فقط
وتوجد لدينا في لوحة التحكم بعض الخصائص الجاهزة وقسم مخصص لتخصيص CSS و JS وهذا يتطلب مطور ومصمم للعمل عليه
والان راح اشارك معاكم كود بسيط يعمل بواسطة تخصيص CSS, JS وبواسطة يمكنك إضافة صفحه التحميل في موقعك مع بعض التخصيص
اولا يجب الدخول الى الإعدادات ثم التخصيص
وستجد ٣ خيارات
يمهنا الان هو HTML, JS
سنضع في HTML هذا الكود
<script src="https://cdn.aeen.sa/assets/SeIPA/loading.js?v=1.0"></script>
وفي JS سنضع هذا الكود
let loadingBackground = "#1f2d41";
let loadingIcon = "https://cdn.aeen.sa/assets/SeIPA/logo.png";
الان بعد الحفط ستعمل مباشره دون اي إعدادات اخرى حرصنا على توفير الميزه بأقل كود حيث ليس كل التجار لديهم الخلفية في البرمجة
الان يمكنك تخصيص كود JS
مثل وضع لون معين للخلفيه او صوره معينه او صورة متحركه وراح نضع الامثلة بالاسفل ويمكنك تعديل الالوان والروابط
مثال لوضع لون الخلفية ابيض
let loadingBackground = "#FFF";
let loadingIcon = "https://cdn.aeen.sa/assets/SeIPA/logo.png";
مثال لوضع صورة للخلفية
let loadingBackground = "url('رابط الصورة') no-repeat center center fixed";
let loadingIcon = "https://cdn.aeen.sa/assets/SeIPA/logo.png";
let loadingIcon هنا سيكون رابط الايقونة الخاصة فيك قم بإستبدال الرابط فقط
تحديث في: 11/06/2024
شكرًا!