انتقل إلى المحتوى

قائمة المنتجات

احصل على Ritla UI

صفحة قسم: مسار التنقل، والعنوان وعدد المنتجات، والترتيب، والفلاتر بجانب شبكة من ثلاثة أعمدة، وترقيم الصفحات. على الهاتف تنتقل الفلاتر خلف زرّ.

المعاينة

«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.

إنجليزيمعكوسعربي
سطح المكتبالجوال
← RTL

التثبيت

  1. أضف القالب

    npx ritla add product-list

    ويعمل أيضًا مع shadcn: npx shadcn@latest add @ritla/product-list

الأسعار

مبني من

مكوّنات Ritla UI التي يتكوّن منها هذا القالب، وتُثبَّت معه.

ملاحظات العربية والاتجاه

ينعكس

  • الفلاتر على اليمين والترتيب على اليسار، والمسار والصفحات من اليمين.

لا ينعكس

  • الصور والمبالغ لا تنعكس.
الأرقام
العدد بجمع عربي صحيح: منتجان، 5 منتجات، 48 منتجًا.