آموزش های افزونه و قالب

چک باکس محصول در گراویتی فرم

از سری آموزش های کاربردی و مفید گراویتی فرم

[مجموع: 2 :: میانگین: 5]

در آموزش چک باکس محصول در گراویتی فرم می توانید محصول را با استفاده از منطق شرطی فعال کنید.

مثال: شما تعدادی محصول دارید که در فرم ساز گراویتی می خواهید با استفاده از چک باکس ایجاد کنید. هنگامی که کاربر روی هر یک از چک باکس هایی که به صورت محصولات هستند، کلیک می کنند قیمت آنها بر اساس مواردی که تعریف کردیم تغییر خواهد کرد و به کاربر نمایش می دهد.

ایجاد فیلد چک باکس

ابتدا یک فیلد چک باکس در ابزار سمت چپ در گراویتی فرم اضافه می کنیم. در چک باکس می توانیم چند گزینه را انتخاب و تیک بزنیم.

ایجاد یک فیلد چک باکس

افزودن فیلد محصول برای هر چک باکس

1- سپس برای هر چک باکس یک فیلد محصول جداگانه تعریف می کنیم و گزینه، مقدار/تعداد (Disable quantity field) را تیک می زنیم تا غیر فعال، و قیمت محصول هم توسط ما تعیین شده باشد.

افزودن فیلد محصول برای هر چک باکس

2- در تب نمایش فیلد محصولی که اضافه کردیم در بخش “کلاس CSS سفارشی” کلاس gf_invisible را وارد می کنیم تا اطلاعات این فیلد قابل نمایش نباشد و از طریق فعال سازی منطق شرطی تنظیمات را انجام می دهیم.

افزودن فیلد محصول برای هر چک باکس

3- سپس در تب “پیشرفته” و تیک گزینه “فعال سازی منطق شرطی” را کلیک می کنیم تا فعال شود. سپس در این بخش تعریف می کنیم که این فیلد برای همه و محصول شماره یک / 1 نمایش داده شود. به همین صورت برای سایر فیلدهای محصولاتی که تعریف کردیم، مراحل را انجام می دهید.

افزودن فیلد محصول برای هر چک باکس

4- سپس با افزودن فیلد مجموع و تعریف فعال سازی منطق شرطی در تب پیشرفته تمامی مواردی را انتخاب کرده و  طبق تنظیمات زیر می توانید قیمت محصول و مجموع محصولاتی که تیک زده می شوند را در چک باکس نمایش دهید.

افزودن فیلد محصول برای هر چک باکس

نتیجه نهایی را می توانید مشاهده کنید.

چک باکس محصول در گراویتی فرم

👈 همچنین در صورتی که مایل هستید، آخرین نسخه افزونه گراویتی فرم را از فارویت دانلود کنید.

نمایش بیشتر

پیشنهاد به شما 😍

3 دیدگاه

  1. سلام چک باکس گراویتی راهی داره بتونیم وقتی کاربر یک گزینه رو انتخاب کرد باقیش غیر فعال بشه

    1. سلام و درود

      بله با استفاده از توابع میشه که بزودی اموزششو قرار می دیم

      با تشکر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا