بطاقات بتبويبات

عرض بطاقات عام منظم في تبويبات - بخلاف “منتجات بتبويبات”، كل بطاقة هنا تُكتب وتُربط يدوياً بدلاً من سحبها من تصنيف، مما يجعله مناسباً للمحتوى المميز، الدلائل، أو الاختيارات المنسقة المجمعة بحسب الموضوع.

عنوان القسم وزخرفته

• العنوان / العنوان الفرعي - عنوان القسم ونصه الداعم.
• سماكة خط العنوان / سماكة خط الوصف - درجة سماكة كل منهما.
• لون العنوان الرئيسي (اختياري) / لون العنوان الفرعي (اختياري) - ألوانهما.
• نمط الرأس - في المنتصف أعلى التبويبات، أو جانبي.
• محاذاة العنوان - يسار، منتصف، أو يمين.
• زخرفة قبل العنوان / زخرفة قبل العنوان الفرعي - لمسة زخرفية قبل كل منهما.
• نص تمهيدي (فوق العنوان) - سطر قصير يظهر مباشرة فوق عنوان القسم، مناسب لعبارة صغيرة مثل “وصل حديثاً”. اتركه فارغاً لإخفائه.
• شكل النص التمهيدي - طريقة ظهور النص التمهيدي: نص فقط، مع خط جانبي (خط قصير قبل النص)، أو شارة (النص داخل شارة صغيرة مستديرة).
• سماكة خط النص التمهيدي - درجة سماكة النص التمهيدي، من خفيف إلى عريض جداً.
• لون النص التمهيدي - لون النص التمهيدي. إذا تُرك فارغاً يُستخدم لون التمييز الخاص بالثيم.
• لون خلفية الشارة - لون الخلفية خلف النص التمهيدي، ويظهر فقط عند اختيار الشكل “شارة”.

نمط البطاقة

كيفية ترتيب كل بطاقة: المحتوى أسفل الوسائط، المحتوى فوق الوسائط (نص فوق الصورة/الفيديو)، أو بإطار (بطاقة بحدود ووسائط بحواف دائرية).

أبعاد الوسائط

الشكل الذي تُقتصّ عليه صورة أو فيديو كل بطاقة: أفقي 16:9، عريض 3:2، مربع 1:1، أو عمودي 3:4.

محتوى البطاقة

• الحشو الداخلي للمحتوى - المسافة الداخلية حول النص داخل كل بطاقة: افتراضي، بدون، صغير، متوسط، أو كبير.
• حجم النص العلوي الصغير - حجم سطر النص الصغير أعلى عنوان كل بطاقة، بالبكسل.
• حجم خط عنوان البطاقة - حجم عنوان كل بطاقة، بالبكسل.
• حجم خط الوصف - حجم الوصف القصير لكل بطاقة، بالبكسل.

التخطيط والأعمدة

• شكل عرض البطاقات - شبكة ثابتة، شريط تمرير أفقي، أو تخطيط متداخل (Masonry) بارتفاعات بلاطات متفاوتة.
• عدد الأعمدة (سطح المكتب / تابلت / جوال) - عدد البطاقات المتجاورة في كل حجم شاشة.
• تمرير تلقائي (لشريط التمرير) / مدة الانتقال بين البطاقات (ثانية) - هل ينتقل السلايدر تلقائياً، وعدد الثواني بين كل انتقال.

إعدادات الزر

• نمط الزر / حجم الزر / سماكة خط الزر / شكل الزر - شكل وحجم وسماكة وزوايا زر كل بطاقة.

زر عرض المزيد

• إظهار الزر - عند التفعيل، يضيف زر “عرض المزيد” إلى القسم.
• نص الزر - النص المكتوب على الزر.
• رابط الزر - الرابط الذي يُفتح عند نقر الزر. إذا كان لتبويب رابط خاص به (يُحدد في قائمة التبويبات أدناه)، يُستخدم ذلك الرابط أثناء تحديد هذا التبويب. لا يظهر الزر إلا عند توفر رابط.
• موضع زر “عرض المزيد” - هل يظهر الزر محاذياً للعنوان، أم أسفل القسم.
• نمط زر “عرض المزيد” - شكل الزر: رابط نصي، أو زر بحدود، زر أساسي، زر ثانوي، أو زر شفاف.
• حجم زر “عرض المزيد” - حجم ظهور الزر: افتراضي، صغير، متوسط، أو كبير.

شريط التبويبات

• إظهار أزرار التبويبات - هل يظهر صف أزرار التبويبات: تلقائي (تُخفى عند وجود تبويب واحد)، إظهار دائماً، أو إخفاء دائماً. عند إخفاء أزرار التبويبات، يرى الزائر بطاقات التبويب الأول فقط.

لون التبويب المفعّل / لون نص التبويب المفعّل

لون خلفية ونص التبويب المحدد حالياً.

التبويبات

كل عنصر في هذه القائمة يمثل تبويباً واحداً، يحتوي على مجموعة بطاقاته الخاصة.

• عنوان التبويب - التسمية المعروضة على التبويب.
• أيقونة التبويب (اسم Lucide - اختياري) - اسم أيقونة (من مجموعة أيقونات Lucide) تظهر بجانب تسمية التبويب.
• رابط “عرض المزيد” لهذا التبويب (اختياري) - رابط يستخدمه زر “عرض المزيد” أثناء تحديد هذا التبويب. إذا تُرك فارغاً، يستخدم الزر رابطه الرئيسي.
• البطاقات - بطاقات هذا التبويب، موضحة أدناه.

البطاقات

كل تبويب يحتوي على قائمة بطاقاته الخاصة. لكل بطاقة:

• نوع الوسائط - صورة أو فيديو.
• الصورة - صورة البطاقة (تُستخدم عندما يكون نوع الوسائط صورة).
• مصدر الفيديو / ملف الفيديو / رابط الفيديو - هل الفيديو ملف مرفوع أم رابط يوتيوب، والملف أو الرابط المطابق (يُستخدم عندما يكون نوع الوسائط فيديو).
• تشغيل تلقائي / كتم الصوت / تكرار - سلوك تشغيل الفيديو: هل يبدأ تلقائياً ويعمل بدون صوت (للفيديو المرفوع وفيديو يوتيوب)، وهل يعيد التشغيل بعد انتهائه (للفيديو المرفوع فقط).
• نص علوي صغير (اختياري) - سطر نص صغير أعلى عنوان البطاقة.
• عنوان البطاقة / وصف قصير - عنوان البطاقة ونصها.
• نص الزر (اختياري) - التسمية المكتوبة على زر البطاقة.
• نوع الربط - هل ترتبط البطاقة برابط مخصص، منتج، أو تصنيف.
• الرابط المخصص / المنتج المرتبط / التصنيف المرتبط - الوجهة، بحسب نوع الربط المختار.
• جعل البطاقة كاملة قابلة للنقر - عند التفعيل، تصبح البطاقة كاملة قابلة للنقر (وليس الزر فقط).