پرش به محتویات

Testimonials

المان Testimonials نظرات را در یک carousel swipeable با تصاویر، نام‌ها، عناوین و محتوا نمایش می‌دهد.

تنظیمات

نظرات (Testimonials)

  • Testimonials (repeater) — آیتم‌های testimonial را اضافه کنید. هر testimonial شامل:
  • Content (textarea) — متن نظر.
  • Name (text) — نام شخص ارائه‌دهنده نظر.
  • Title (text) — عنوان شغلی یا نقش شخص.
  • Image (image) — تصویر پروفایل شخص.

تنظیمات (Settings)

  • Initial slide (number) — ایندکس slide شروع.

  • Slides to show (number) — تعداد testimonialهای قابل مشاهده در یک زمان.

  • Slides to scroll (number) — تعداد slide‌های پیشرفت در هر swipe.

  • Gutter (number with units) — فاصله بین slide‌ها.

  • Align items (justify-content) — تراز عمودی آیتم‌های testimonial. روی selector .repeater-item اعمال می‌شود.

  • Text align (text-align) — تراز متن برای testimonialها.

  • Effect (select) — افکت transition.

  • Infinite (checkbox) — حلقه بی‌نهایت را فعال کنید.

  • Random order (checkbox) — testimonialها را به ترتیب تصادفی نمایش دهید.

  • Center mode (checkbox) — slide فعال را در مرکز قرار دهید.

  • Disable lazy load (checkbox) — بارگذاری تنبل تصاویر را غیرفعال کنید.

  • Autoplay (checkbox) — پخش خودکار را فعال کنید.

  • Pause on hover (checkbox) — پخش خودکار را هنگام hover متوقف کنید.

  • Autoplay speed (number) — تأخیر پخش خودکار به میلی‌ثانیه.

  • Speed (number) — سرعت transition به میلی‌ثانیه.

تصویر (Image)

  • Image align (align-items) — تراز عمودی تصاویر. روی selector .repeater-item اعمال می‌شود.

  • Image position (select) — موقعیت تصویر نسبت به محتوا. گزینه‌ها: top، right، bottom، left. پیش‌فرض: left.

  • Image size (number with units) — اندازه تصاویر. هم width و هم height selector .image را کنترل می‌کند. پیش‌فرض: 60.

  • Image border (border) — استایل border برای تصاویر. روی selector .image اعمال می‌شود.

  • Image box shadow (box-shadow) — افکت سایه برای تصاویر. روی selector .image اعمال می‌شود.

فلش‌های ناوبری (Arrows)

  • Arrows (checkbox) — فلش‌های ناوبری را نمایش دهید.

  • Arrow height (number with units) — ارتفاع فلش‌های ناوبری.

  • Arrow width (number with units) — عرض فلش‌های ناوبری.

  • Arrow background (color) — رنگ پس‌زمینه فلش‌های ناوبری.

  • Arrow border (border) — استایل border برای فلش‌های ناوبری.

  • Arrow typography (typography) — استایل فونت برای فلش‌های ناوبری. رنگ پیش‌فرض: رنگ body.

  • Previous arrow (text) — آیکون سفارشی فلش قبلی.

  • Previous arrow position — موقعیت‌دهی بالا، راست، پایین، چپ برای فلش قبلی.

  • Next arrow (text) — آیکون سفارشی فلش بعدی.

  • Next arrow position — موقعیت‌دهی بالا، راست، پایین، چپ برای فلش بعدی.

نقاط (Dots)

  • Dots (checkbox) — نقاط pagination را نمایش دهید.

  • Dynamic dots (checkbox) — bullets pagination دینامیک را فعال کنید.

  • Vertical dots (checkbox) — نقاط را به‌صورت عمودی نمایش دهید.

  • Dots height (number with units) — ارتفاع نقاط pagination.

  • Dots width (number with units) — عرض نقاط pagination.

  • Dots position — موقعیت‌دهی بالا، راست، پایین، چپ برای نقاط.

  • Dots border (border) — استایل border برای نقاط pagination.

  • Dots color (color) — رنگ نقاط pagination غیرفعال.

  • Active dots color (color) — رنگ نقطه pagination فعال.

  • Dots spacing (number with units) — فاصله بین نقاط pagination.

استایل (Style)

  • Testimonial (typography) — استایل فونت برای محتوای testimonial. روی selector .testimonial-content-wrapper اعمال می‌شود.

  • Name (typography) — استایل فونت برای نام‌های testimonial. روی selector .testimonial-name اعمال می‌شود.

  • Title (typography) — استایل فونت برای عناوین testimonial. روی selector .testimonial-title اعمال می‌شود.

مرجع توسعه‌دهنده

JSON schema کامل: testimonials Schema