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

Pricing tables

المان Pricing Tables چیدمان‌های جدول قیمت‌گذاری واکنش‌گر با header، اطلاعات قیمت، لیست ویژگی‌ها و دکمه‌های call-to-action قابل سفارشی‌سازی ایجاد می‌کند.

تنظیمات

  • Pricing tables (repeater) — چند جدول قیمت‌گذاری پیکربندی کنید. هر جدول شامل:

  • Show under (select) — کدام تب جدول را نمایش دهد. گزینه‌ها: Tab 1، Tab 2. پیش‌فرض: Tab 1.

  • Table background (background) — استایل پس‌زمینه جدول.

  • Table border (border) — استایل border جدول.

  • Table box shadow (box-shadow) — افکت سایه جدول.

### هدر (Header)

  • Title (text) — عنوان جدول. Placeholder: Title.

  • Subtitle (text) — زیرعنوان جدول. Placeholder: Subtitle.

  • Padding (spacing) — padding هدر.

  • Background color (color) — رنگ پس‌زمینه هدر.

  • Border (border) — استایل border هدر.

  • Title typography (typography) — تنظیمات فونت عنوان.

  • Subtitle typography (typography) — تنظیمات فونت زیرعنوان.

### قیمت‌گذاری (Pricing)

  • Padding (spacing) — padding بخش قیمت.

  • Price prefix (text) — متن قبل از قیمت (مثلاً نماد ارز).

  • Price (text) — مقدار قیمت اصلی.

  • Price suffix (text) — متن بعد از قیمت.

  • Price meta (text) — اطلاعات قیمت اضافی (مثلاً «در ماه»).

  • Meta typography (typography) — تنظیمات فونت price meta.

  • Price typography (typography) — تنظیمات فونت قیمت.

  • Background color (color) — پس‌زمینه بخش قیمت.

  • Border (border) — border بخش قیمت.

  • Original price (text) — قیمت اصلی خط‌خورده.

  • Original price typography (typography) — تنظیمات فونت قیمت اصلی.

### ویژگی‌ها (Features)

  • Padding (spacing) — padding بخش ویژگی‌ها. پیش‌فرض: 10px بالا، 30px راست، 10px پایین، 30px چپ.

  • Features (textarea) — لیست ویژگی‌ها، یکی در هر خط.

  • Alignment (justify-content) — تراز متن ویژگی‌ها. پیش‌فرض: Center.

  • Icon (icon) — آیکون برای ویژگی‌ها.

  • Icon color (color) — رنگ آیکون ویژگی.

  • Icon size (number with units) — اندازه آیکون ویژگی.

  • Icon position (select) — موقعیت آیکون. گزینه‌ها: Right، Left. پیش‌فرض: Left.

  • Background color (color) — پس‌زمینه بخش ویژگی‌ها.

  • Border (border) — border بخش ویژگی‌ها.

  • Typography (typography) — تنظیمات فونت متن ویژگی‌ها.

### فوتر (Footer)

  • Padding (spacing) — padding فوتر.

  • Background color (color) — رنگ پس‌زمینه فوتر.

  • Border (border) — استایل border فوتر.

### دکمه (Button)

  • Button text (text) — متن دکمه call-to-action. Placeholder: Button text.

  • Link (link) — مقصد دکمه. Placeholder: https://yoursite.com.

  • Width (number with units) — عرض دکمه.

  • Size (select) — گزینه‌های اندازه دکمه.

  • Style (select) — استایل دکمه. پیش‌فرض: None.

  • Background color (color) — رنگ پس‌زمینه دکمه.

  • Border (border) — استایل border دکمه.

  • Typography (typography) — تنظیمات فونت متن دکمه.

### اطلاعات اضافی (Additional info)

  • Additional info (textarea) — اطلاعات اضافی زیر دکمه.

  • Typography (typography) — تنظیمات فونت اطلاعات اضافی.

### نوار (Ribbon)

  • Text (text) — متن نوار.

  • Position (select) — موقعیت نوار. گزینه‌ها: Left، Right. پیش‌فرض: Right.

  • Background color (color) — رنگ پس‌زمینه نوار.

  • Typography (typography) — تنظیمات فونت متن نوار.

  • Columns (number) — تعداد ستون‌های چیدمان جداول. حداقل: 1.

  • Spacing (number with units) — فاصله بین جداول. پیش‌فرض: 30px.

  • Align tables (align-items) — تراز عمودی جداول. پیش‌فرض: Stretch.

تب‌ها (Tabs)

  • Show tabs (checkbox) — چیدمان قیمت‌گذاری با تب را فعال کنید.

  • Tab 1 label (text) — برچسب تب اول. Placeholder: Monthly.

  • Tab 2 label (text) — برچسب تب دوم. Placeholder: Yearly.

  • Default tab (select) — تب فعال اولیه. گزینه‌ها: Tab 1، Tab 2. پیش‌فرض: Tab 1.

  • Alignment (justify-content) — تراز تب‌ها. پیش‌فرض: Center.

  • Margin (spacing) — margin container تب‌ها.

  • Background (color) — پس‌زمینه container تب‌ها.

  • Border (border) — border container تب‌ها.

  • Box shadow (box-shadow) — سایه container تب‌ها.

تب (Tab)

  • Width (number with units) — عرض تب تکی.

  • Margin (spacing) — margin تب تکی.

  • Padding (spacing) — padding تب تکی.

  • Background (color) — رنگ پس‌زمینه تب.

  • Border (border) — استایل border تب.

  • Box shadow (box-shadow) — سایه تب.

  • Typography (typography) — تنظیمات فونت متن تب.

  • Active background (color) — رنگ پس‌زمینه تب فعال.

  • Active border (border) — استایل border تب فعال.

  • Active box shadow (box-shadow) — سایه تب فعال.

  • Active typography (typography) — تنظیمات فونت متن تب فعال.

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

JSON schema کامل: pricing-tables Schema