تغيير/ إضافة أيقونة Favicon لمتجرك على ماجنتو 2

آخر تعديل يناير 27, 2021
الاصدار :

Favicon هو اختصار عن Favourite Icon و يشير إلى رمز أو يقونة صغيرة تظهر فى علامة التبويب الخاصة بصفحة كل متصفح ويعبر عن شعار متجرك الإلكترونى . و تظهر أيضاً فى شريط العنوان قبل عنوان URL . يتراوح حجم هذه الأيقونة ما بين 16×16 بكسل أو 32×32 بكسل .  يقبل ماجنتو 2 أنواع ملفات الصور ICO , PNG , APNG , GIF , JPG بالرغم أن ليس كل المتصفحات تدعم هذه التنسيقات السابقة .لكن ملف التنسيق الأكثر دعماً لأيقونة Favicon و الأكثر استخداماً هو ICO . ولكن هناك العديد من الادوات المتاحة عبر الأنترنت والمجانية التى يمكن استخدامها لإنشاء صورة ICO أو تحويل أى صورة لهذا التنسيق . فى هذا الموضوع سنوضح خطوات تغيير أو إضافة Favicon جديد لمتجرك على ماجنتو2 من خلال منصة ماجنتو 2 .

تغيير/ إضافة أيقونة Favicon لمتجرك على ماجنتو 2

أيقونة Favicon

الخطوة 1 – إنشاء أيقونة Favicon جديدة 

  • قم بإنشاء صورة شعار متجرك الإلكترونى بحجم 16×16 بكسل أو 32×32 بكسل . يمكنك أيضاً استخدام محرر الصور .
  • يمكن أيضاً استخدام أحد الأدوات المتاحة عبر الأنترنت لتحويل ملف الصور إلى تنسيق ICO ، ثم حفظه على جهازك .

الخطوة 2 – رفع صورة Favicon لمتجرك الإلكترونى

  • من قائمة لوحة التحكم لماجنتو 2 انتقل إلى Content > Design > Configuration . 
  • من القائمة الظاهرة اختر واجهة المتجر الذى تريد إعداد الأيقونة لها ، ثم من عمود Action اضغط على Edit . 
  • انتقل إلى قسم HTML Head ، ثم قم بالتالى :
تغيير/ إضافة أيقونة Favicon لمتجرك على ماجنتو 2

HTML Head

  • اضغط على Upload ، ثم انتقل إلى ملف صورة الأيقونة الذى قمت بإعداده مسبقاً ، ثم اضغط على Open . 
  • إذا أردت تغيير أو حذف أيقونة Favicon الحالية ، اضغط على حذف (إزالة شعار Favicon على ماجنتو 2 ) ثم قم برفع صورة أخرى لأيقونة Favicon .
تغيير/ إضافة أيقونة Favicon لمتجرك على ماجنتو 2

صورة Favicon

  • عند الأنتهاء اضغط على Save Config لحفظ إعداداتك السابقة على نظام ماجنتو 2 .

الخطوة 3 – تحديث ذاكرة المتجر (Refresh the Cache) 

  • فى حالة ظهور رسالة تحديث الذاكرة المؤقتة للمتجر الإلكترونى ، أضغط على لينك أو رابط Cache Management فى أعلى الصفحة ، ثم قم بعمل تحديث للذاكرة (Refresh) .
  • لعرض أيقونة Favicon الجديدة ، بالعودة إلى الواجهة الأمامية لمتجرك اضغط على F5 لتحديث المتصفح .
Tags:
Was this article helpful?
Dislike 0
السابق :
التالى :