قالب كافيين متعدد الاستخدام ويُمكن تخصيصه لعدة مجالات بمزايا الأقسام التي نوفرها به. في هذه المقالة سنعرض نموذج للصفحة الرئيسية لمتجر الألبسة بأقسامه العديدة وتنوع منتجاته من خلال التخصيصات المختلفة التي استخدمناها فيه.
بعد تحميل قالب كافيين وتثبيته وتعديل إعدادات اللغة نتوجه نحو تخصيص القالب للتعرف والاطلاع على مختلف الأقسام التي يوفرها قالب كافيين.
نستعرض طريقة مختلفة لتخصيص "رأس الصفحة" وكيفية عرض لا محدود من المنتجات، واستخدامات مختلفة لقسم "صورة ونص" في عرض أقسام المتجر الرئيسية.
رأس الصفحة والتذييل
سنوضح تعديلات رأس الصفحة من خلال عرض الحالة الافتراضية للقالب والتخصيص الذي استخدمناه فيما يلي:
الافتراضي
قبل التخصيص تظهر الإعدادات الرئيسية لقائمة رأس الصفحة كما في الصورة التالية:
بالإضافة إلى إعدادات القائمة العادية كما هو موضح في الصورة التالية:
وإعدادات القائمة المنسدلة كما في الصورة التالية:
التخصيص
في النموذج التالي بعد التعديل على الخط والألوان والنصوص والصور، تم إزالة عرض شريط الإعلانات، وحذف قوائم من نحن، وأسئلة شائعة، وتواصل معنا كما هو مبين في الصورة التالية:
أضفنا القوائم المحذوفة من رأس الصفحة (من نحن، وأسئلة شائعة، وتواصل معنا) إلى تذييل الصفحة كما هو موضح في الصورة التالية:
عرض عدد لا محدود من المنتجات
يسمح لنا قالب كافيين بعرض عدد لا محدود من المنتجات والتصنيفات في الصفحة الرئيسية بتنسيقات متنوعة من خلال إضافة العديد من الأقسام المختلفة.
الافتراضي
كما هو موضح في الصورة التالية:
رقم 1 الأقسام التي يحتوي عليها القالب الأساسي وهي: منتجات مميزة، بنرات الفئات، منتجات مميزة، مميزات المتجر، النشرة الإخبارية.
رقم 2 كيفية إضافة قسم جديد من خلال النقر على زر Add section.
رقم 3 سيظهر لدينا قائمة في الأقسام التي يمكن إضافتها والتحكم بما نرغب في عرضه على الصفحة الرئيسية من خلالها.
التخصيص
في نموذج الألبسة أعددنا مجموعات عديدة من تصنيفات المتجر التي تنوعت بين منتجات الألبسة النسائية والرجالية والأطفال والاكسسوارات، وأضفنا العديد من الأقسام، كما اخترنا استخدام قسم "صورة مع نص" كطريقة للفصل بينها والتعريف بمنتجات كل تصنيف، كما هو موضح في الصورة التالية:
على سبيل المثال: قسم الألبسة النسائية استخدمنا "صورة مع نص" كفقرة تسويقية وللإشارة للمنتجات التي تندرج تحت هذا القسم من خلال التحكم بالإعدادات الخاصة به كالصورة والعنوان والنص كما هو موضح في الصورة التالية:
الاستخدامات المتعددة لقسم "صورة مع نص"
بالإضافة إلى الاستخدام السابق لقسم "صورة مع نص" أضفناه في أماكن أخرى وفق ما يلي:
الافتراضي
عند إضافة قسم "صورة مع نص" يظهر لنا كفقرة تعريفية عن المتجر ما هو موضح في الصورة التالية:
التخصيص
في هذا النموذج استخدمنا قسم "صورة مع نص" كتعريف لكل تصنيف كما ذكرنا سابقًا، وأيضًا في "ترقبوا جديدنا" كنوع من التسويق كما هو موضح في الصورة التالية:
