معرض صور

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

تفعيل القسم

يشغّل أو يعطّل القسم بالكامل دون حذف إعداداته.

مصدر البطاقات

ما تمثله بطاقات المعرض: منتجاتك، تصنيفاتك، أو صور مخصصة ترفعها مباشرة.

نمط العرض

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

عام

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

الخلفية

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

طبقات ومؤثرات الخلفية

• لون الطبقة / شفافية الطبقة - طبقة تلوين فوق الخلفية ودرجة وضوحها، تساعد على بقاء أي نص واضحاً.
• تدرّج داكن لإبراز النص - عند التفعيل، يضيف تدرجاً غامقاً ناعماً خصيصاً لإبراز النص فوق الخلفية.
• تدرّج متحرّك - عند التفعيل، يتحرك تدرج الطبقة بلطف بمرور الوقت.
• Noise Texture - عند التفعيل، يضيف نسيجاً خشناً خفيفاً فوق الخلفية لإحساس بصري أعمق.

المحتوى

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

مظهر البطاقة

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

الشبكة (لنمط الشبكة/المتداخلة)

يُستخدم فقط عندما يكون نمط العرض شبكة متجاوبة أو متداخلة.

• أعمدة سطح المكتب / أعمدة اللوحي / أعمدة الجوال - عدد البطاقات المتجاورة على شاشات سطح المكتب، اللوحي، والجوال.

الشريط المتحرّك (لنمط الماركيه)

يُستخدم فقط عندما يكون نمط العرض شريط متحرّك لا نهائي.

• الاتجاه - هل يتحرك الشريط نحو البداية أم نحو النهاية.
• السرعة (ثانية لدورة كاملة) - مدة دورة تمرير كاملة واحدة؛ القيمة الأصغر تعني حركة أسرع.
• إيقاف مؤقت عند التمرير - عند التفعيل، تتوقف الحركة مؤقتاً بينما يمرر مؤشر الزائر فوق المعرض.

المعرض الأفقي (لنمط الأفقي)

يُستخدم فقط عندما يكون نمط العرض معرض أفقي.

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

المعرض العائم (لنمط العائم)

يُستخدم فقط عندما يكون نمط العرض معرض عائم.

• دوران عشوائي / إزاحة عمودية عشوائية / تحجيم عشوائي - يتحكم في إعطاء البطاقات ميلاً وإزاحة عمودية وحجماً شبه عشوائيين، لمظهر متناثر أكثر عضوية.
• شدّة التأثير - قوة هذه التغيرات العشوائية، من خفيفة إلى واضحة.

الحركة والتفاعل

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

الجوال

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

المنتجات

تُستخدم فقط عندما يكون مصدر البطاقات منتجات. كل عنصر يضيف بطاقة منتج واحدة.

• المنتج - المنتج المعروض على البطاقة. النقر على البطاقة يفتح صفحة هذا المنتج.

التصنيفات

تُستخدم فقط عندما يكون مصدر البطاقات تصنيفات. كل عنصر يضيف بطاقة تصنيف واحدة تفتح صفحة التصنيف عند النقر عليها.

• التصنيف - التصنيف المعروض على البطاقة.
• اسم مخصّص (اختياري) - اسم يظهر بدلاً من اسم التصنيف الأصلي. اتركه فارغاً لاستخدام اسم التصنيف.
• صورة مخصّصة (اختياري) - صورة تظهر بدلاً من صورة التصنيف الأصلية. اتركها فارغة لاستخدام صورة التصنيف.

الصور المخصّصة

تُستخدم فقط عندما يكون مصدر البطاقات صوراً مخصصة. كل عنصر يضيف بطاقة صورة واحدة.

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