تذييل المتجر
تذييل المتجر: الشعار والوصف وطرق الدفع، وأعمدة الروابط، والاشتراك في النشرة، ثم الحقوق والروابط القانونية.
المعاينة
«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.
المعاينةالكود
إنجليزيمعكوسعربي
← RTL
التثبيت
أضف المكوّن
npx ritla add store-footerويعمل أيضًا مع shadcn:
npx shadcn@latest add @ritla/store-footerالاعتماديات التي يضيفها
buttonfieldpayment-markأو انسخه يدويًا
التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.
الاستخدام
import { StoreFooter } from "@/components/ui/store-footer";<StoreFooter logo={<a href="/"><Logo /></a>} tagline="Chairs and furniture, delivered across Jordan in 3-5 days." payments={["visa", "mastercard", "apple-pay", "mada", "cliq"]} groups={[{ title: "Shop", links: [{ label: "New in", href: "/new" }] }]} newsletter={{ title: "Get 10% off your first order", onSubscribe: subscribe }} copyright="© 2026 Ritla Store. All rights reserved." legal={[{ label: "Privacy", href: "/privacy" }]}/>مرجع الخصائص
StoreFooter
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
logo / tagline | ReactNode | لا يوجد | الشعار برابط إلى الرئيسية، وسطر أو سطران. |
payments | PaymentMarkName[] | لا يوجد | علامات الدفع المقبولة. |
groups | { title, links }[] | لا يوجد | أعمدة الروابط (تسوّق، المساعدة، الشركة): ثلاثة في الصف حتى على الهاتف. |
newsletter | { title, description?, onSubscribe, buttonLabel? } | لا يوجد | الاشتراك بالبريد. دونه لا يظهر. |
copyright / legal | ReactNode / { label, href }[] | لا يوجد | السطر الأخير. |
إمكانية الوصول
لوحة المفاتيح
المفاتيح مكتوبة للاتجاه من اليسار إلى اليمين. في الاتجاه من اليمين يتبادل السهمان دورهما: السهم المتجه مع اتجاه القراءة ينقلك إلى الأمام.
| المفتاح | ما يفعله |
|---|---|
| Enter | في حقل البريد يشترك. |
ARIA
- كل عمود
navباسم عنوانه، والروابط القانونيةnavآخر. - حقل البريد
type="email"باسم «البريد الإلكتروني» وautocomplete="email".
ملاحظات العربية والاتجاه
ينعكس
- كل شيء يبدأ من اليمين: الشعار ثم الأعمدة ثم النشرة.
لا ينعكس
- الشعار وعلامات الدفع لا تنعكس أبدًا.
- الأرقام
- السنة في الحقوق نص منك.
- الخط العربي
- عناوين الأعمدة
label-14Medium بلونgray/muted، والروابطlabel-16. - النص ثنائي الاتجاه
- البريد يُكتب من اليسار (
dir="ltr") حتى في صفحة عربية، ومحاذى إلى البداية.