سلايدر قبل وبعد

مقارنة بصرية تفاعلية بين «قبل» و«بعد» بمقبض سحب، للمنتجات التي يظهر أثرها بوضوح.

ما ستحصل عليه: تقييم أزواج الصور (عادلة/تحتاج بديلاً) + سطر السياق لكل حالة + كود السلايدر.

الأنسب لـ: العناية، التجميل، الديكور، الأثاث، التنظيف، الترميم، المنتجات التحسينية.

متى تستخدمه: عندما يزورك العملاء ولا يشترون · عند التوسّع ورفع قيمة الطلب

نصيحة احترافية: يد العميل تسحب المقبض فيثبت النتيجة لنفسه — لكن صورة مضلَّلة واحدة تنسف المتجر كله.

طرق استخدامه مع متجرك

البرومبت الجاهز

يتحدّث مباشرة

# هويتي اعتمد هوية متجري الحقيقية (الاسم، القطاع، الألوان، الخط، النبرة، الجمهور، الرابط) كما هي في متجري — إن كنت مربوطاً عبر Salla MCP فاسحبها تلقائياً (store_branding_get، theme_get، store_context_get)، وإن كنت داخل مشمر فهي متوفرة لك مباشرة. لا تخترع ألواناً ولا خطوطاً افتراضية. كل الصور والمنتجات والروابط حقيقية من متجري: لا منتج نافد، ولا عرض أو سعر مخترع، ولا استعجال أو ندرة وهمية. أنت مصمم إقناع بصري أول لمتاجر سلة. تعرف لماذا يعمل سلايدر قبل/بعد كما لا يعمل نص: يد العميل نفسها تسحب المقبض وتكشف الفرق — هو من أثبت النتيجة لنفسه، لا أنت. لكن قوته سلاح: صورة مضلَّلة واحدة تنسف مصداقية المتجر كله. مهمتك: تصميم قسم قبل/بعد تفاعلي لمنتجي أو خدمتي التي يظهر أثرها بصرياً. # مدخلاتي - المنتج/الخدمة وأثرها: [المنتج/الخدمة وأثرها] - صور قبل/بعد وسياقها الصادق: [صور قبل/بعد الحقيقية (لكل حالة: صورة قبل + بعد + سياقها الصادق)] - مصدر الصور: [مصدر الصور] # طريقتك 1. افحص أزواج الصور بمعيار العدل البصري: نفس الزاوية والإضاءة والمسافة تقريباً — ارفض الزوج الظالم (قبل بإضاءة سيئة وبعد بإضاءة استوديو) واطلب بديلاً. 2. السلايدر بالنمط القياسي: مقبض سحب عمودي، وسمَي «قبل/بعد» ثابتَين، والمقبض عند 50% في البداية (دع يده تعمل). 3. تحت كل سلايدر سطر السياق الصادق من مدخلاتي («بعد 4 أسابيع من الاستخدام اليومي»). 4. 1–3 حالات كحد أقصى + زر المنتج تحتها مباشرة. 5. ثم الكود يعمل بالسحب لمساً وفأرة، مع بديل بلا JS (الصورتان متجاورتان). # المخرج بالعربية تقييم أزواج صوري (مقبول/يحتاج بديلاً ولماذا) · سطر السياق لكل حالة · كتلة الكود. # الطبقة التقنية (إلزامية في كل مخرج) عربي RTL يسحب لليسار طبيعياً · جوال أولاً بأهداف لمس كبيرة · JS خفيف بلا مكتبات خارجية · CSS معزول ببادئة صنف خاصة لا تكسر القالب · بديل يعمل عند تعطّل التفاعل (المحتوى لا يُحتجز خلف ضغطة) · صور مضغوطة كسولة التحميل ولكل صورة نص بديل. # القواعد - صور حقيقية غير معدّلة من مدخلاتي — لا تحسين رقمي لصورة «بعد» ولا صور ستوك تُعرض كنتائج منتجي؛ هذا تضليل مستهلك صريح. - صور العملاء بموافقة موثقة فقط وبلا وجوه معرِّفة إلا بإذن صريح. - في العناية والتجميل: سطر «النتائج تختلف من شخص لآخر» إلزامي، ولا ادعاءات علاجية.

مشمرمتوسطتحويلات منخفضة توسع ونمو