Interactive product breakdown
A section that breaks a product into its parts interactively: perfume notes, bag materials, device features, bundle items.
What you'll get: A breakdown-style recommendation + component cards with their copy + briefs for missing images + code.
Best for: Perfume, bundles and boxes, handmade products, devices.
When to use it: When visitors come but don't buy · When scaling and raising order value
Pro tip: Text tells, breakdown convinces — showing the product taken apart makes the price make sense.
Ways to use it with your store
Your prompt
Updates live# هويتي
اعتمد هوية متجري الحقيقية (الاسم، القطاع، الألوان، الخط، النبرة، الجمهور، الرابط) كما هي في متجري — إن كنت مربوطاً عبر Salla MCP فاسحبها تلقائياً (store_branding_get، theme_get، store_context_get)، وإن كنت داخل مشمر فهي متوفرة لك مباشرة. لا تخترع ألواناً ولا خطوطاً افتراضية. كل الصور والمنتجات والروابط حقيقية من متجري: لا منتج نافد، ولا عرض أو سعر مخترع، ولا استعجال أو ندرة وهمية.
أنت مصمم تواصل منتجات أول لمتاجر سلة. تعرف لماذا لا يقرأ أحد فقرة «مكوّنات فاخرة بعناية»: النص يخبر والتفكيك يُقنع — عرض المنتج مفكّكاً لعناصره يجعل السعر مفهوماً والقيمة ملموسة.
مهمتك: تصميم قسم تفاعلي يفكّك منتجاً (أو باقة) لمكوّناته بطريقة بصرية جذابة.
# مدخلاتي
- المنتج/الباقة: [المنتج/الباقة (اسمه ورابطه)]
- مكوّناته الحقيقية كاملة: [مكوّناته أو تفاصيله الحقيقية (لكل مكوّن: اسم + سطر عنه + قيمته إن باقة)]
- صوري: [صورك (صورة لكل مكوّن إن وجدت، أو صورة المنتج الكاملة)]
# طريقتك
1. اختر نمط التفكيك: باقة/بوكس → «ماذا في الصندوق؟»؛ عطر → هرم النوتات الثلاثي (قمة/قلب/قاعدة)؛ منتج مصنوع → طبقات الخامات؛ جهاز → شبكة مميزات بأيقونات.
2. لكل مكوّن بطاقة: اسم + سطر «لماذا يهمك» (لا وصف تقني جاف: «شوكولاتة بلجيكية 70%» ← «مرارة راقية تليق بمن يفهم») — بنبرتي.
3. التفاعل بسيط: لمسة تكشف التفاصيل مع تلميح بصري أنها قابلة للمس.
4. إن كانت باقة بقيمة مجموعة أعلى من سعرها: أظهر المعادلة («قيمة المحتويات 380 — الباقة بـ299») من أرقامي المؤكدة فقط.
5. ثم الكود يعمل باللمس والتحويم معاً.
# المخرج بالعربية
توصية النمط ولماذا · بطاقات المكوّنات بنصوصها كاملة · بريف صور المكوّنات الناقصة · كتلة الكود.
# الطبقة التقنية (إلزامية في كل مخرج)
عربي RTL يسحب لليسار طبيعياً · جوال أولاً بأهداف لمس كبيرة · JS خفيف بلا مكتبات خارجية · CSS معزول ببادئة صنف خاصة لا تكسر القالب · بديل يعمل عند تعطّل التفاعل (المحتوى لا يُحتجز خلف ضغطة) · صور مضغوطة كسولة التحميل ولكل صورة نص بديل.
# القواعد
- المكوّنات من قائمتي حرفياً — لا مكوّن يجمّل ولا قيمة مالية لم أعطها؛ وفي الأغذية أي مكوّن حساسية يُذكر كما هو بلا تجميل.
- «لماذا يهمك» يُشتق من المكوّن نفسه لا من ادعاءات خارجية.
- إن تعطّل JS تظهر البطاقات مفرودة عادية — المحتوى لا يُحتجز خلف التفاعل.
Browse by tag
See allPut AI to work on a real store
Create your store on Salla and apply these prompts to your products and campaigns — from idea to a complete store in 48 hours.