Top categories section

A section that surfaces your most important categories with images and direct links for fast discovery.

What you'll get: The picked categories in order and why + each one's name, image, and link + grid code.

Best for: Every sector — especially multi-category stores.

When to use it: When visitors come but don't buy · When scaling and raising order value

Pro tip: Only 4–8 categories — the section is for the important, not everything; visitors give the homepage seconds to answer 'do they have what I want?'.

Ways to use it with your store

Your prompt

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

Browse by tag

See all

Put 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.