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

صفحة المنتج

احصل على Ritla UI

صفحة منتج: معرض بصور مصغّرة، والاسم والتقييم والسعر، واللون وخيار ثانٍ، والكمية والإضافة إلى السلة، ووعود التوصيل، وتفاصيل قابلة للطي.

المعاينة

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

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

التثبيت

  1. أضف القالب

    npx ritla add product-detail

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

الأسعار

مبني من

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

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

ينعكس

  • المعرض على اليمين وصوره المصغّرة في بدايته، والكمية قبل زرّ الإضافة.

لا ينعكس

  • الصور والنجوم والسعر لا تنعكس، وكل مبلغ وحدة واحدة.