همانطور که می‌دانید گرویتی فرم یکی از بهترین و پیشرفته‌ترین فرم‌ساز وردپرس می‌باشد که به همراه ماژول‌های مختلف و انعطاف‌پذیر ارائه می‌گردد. قیمت کل با وارد کردن فیلد تعداد محصول توسط کاربر و ضرب خودکار در قیمت پایه محصول توسط فرم به صورت آنلاین محاسبه می‌گردد. در صورتی که می‌خواهید عملیات شخصی‌سازی فیلد تعداد محصول را انجام دهید، بهتر است این آموزش را یاد گرفته و در وب‌سایت خود به کار بگیرید.

۱- طبق تصویر زیر یک فیلد HTML از قسمت “فیلدهای استاندارد” به فرمتون اضافه کنید و کد زیر را درون آن بگذارید.

<script>
jQuery(document).ready(function(){
    jQuery(".qty input[type=text]").each(function(){
        jQuery(this).val(1);
        jQuery(this).before('<button class="sub">-</button>');
        jQuery(this).after('<button class="add">+</button>');
    });
    jQuery(".qty input[type=text]").each(function(){
        jQuery(this).on('input keyup keypress', function(){
            jQuery(this).trigger('change');
        });
    });
    jQuery(document).on('click','.add',function (e) {
        e.preventDefault();
        jQuery(this).prev().val(parseInt(jQuery(this).prev().val()) + 1);
        jQuery(this).prev().trigger('change');
    });
    jQuery(document).on('click','.sub',function (e) {
        e.preventDefault();
        if(parseInt(jQuery(this).next().val()) > 0) {
            jQuery(this).next().val(parseInt(jQuery(this).next().val()) - 1);
            jQuery(this).next().trigger('change');
        }
    });
});
</script>
افزودن دکمه افزایش و کاهش به فیلد تعداد محصول در گرویتی فرم

۲- پس از ایجاد فیلد HTML، حال یک فیلد محصول از “فیلدهای قیمت‌گذاری” به فرمتون اضافه کنید و سپس مطابق تصویر زیر از تب “نمایش” این فیلد، مقدار “کلاس CSS سفارشی” را qty بگذارید.

افزودن دکمه افزایش و کاهش به فیلد تعداد محصول در گرویتی فرم

پس از انجام مراحل بالا، فرم را ذخیره کنید تا فیلدها ذخیره شوند. حال در فرم خود به طور خودکار، در کنار تمامی فیلدهای تعداد، دو دکمه + و – نمایش داده می‌شود.

نکات تکمیلی برای فیلد تعداد محصول

اگر می‌خواهید تغییرات قیمت را به صورت لحظه‌ای به کاربر نمایش دهید، کافی است یک فیلد مجموع از “فیلدهای قیمت‌گذاری” به فرمتون اضافه کنید. کاربر با کلیک بر روی دکمه + یا – قیمت کل را به صورت لحظه‌ای مشاهده خواهد کرد.

افزودن دکمه افزایش و کاهش به فیلد تعداد محصول در گرویتی فرم
۴.۵/۵ - (۲۴ امتیاز)
نمایش نوشته‌های مرتبط در وردپرس

23 نظر برای “شخصی‌سازی فیلد تعداد محصول در گرویتی فرم

    • مدیر سایت میگوید:

      باسلام
      مشکلی نباید در پیاده سازی وجود داشته باشد، با ما تماس بگیرید تا کارشناسان مشکل را شما حل نمایند.

      باتشکر

  1. امین میگوید:

    سلام عرض ادب
    یک فرمی با گرویتی درست کردم ونیاز دارم وقتی یک فیلد پر میشه یکسری فیلد های دیگه هم محتواشون عوض بشه

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

    حالا نیاز داریم به شکلی باشه که وقتی کاربر از طریق لیست بازشو انتخاب میکنه دوره B تمام اطلاعات این دوره (از جمله مدت ، قیمت ، مدرس) پر بشن

    آیا همچین چیزی امکان پذیر هست
    پیشاپیش ازتون تشکر میکنم بابت زمانی که میذارید

    • مدیر سایت میگوید:

      باسلام خدمت کاربر گرامی
      این موردی که می فرمایید راه حل های مختلفی برای پیاده سازی دارد. یکی این است که از Addon های اختصاصی گرویتی فرم استفاده کنید. یک راه حل دیگر استفاده از فیلد HTML هستش یعنی به ازای هر گزینه یک فیلد HTML بگذارید و اونها را مخفی کنین و در داخل هر فیلد HTML شرط بگذارین و اگر هر دوره توسط کاربر انتخاب شد، فیلد HTML مرتبط با اون را نمایش بده .

      باتشکر
      موفق و پیروز باشید

  2. سعیده میگوید:

    سلام خسته نباشید من می خوام در فرم گرویتی فرمم کاربر بتونه برای هر محصول جداگانه تعداد و مقدار مشخص کنه ایا این ممکنه ؟

    • مدیر سایت میگوید:

      باسلام
      شما باید به ازای هر محصول، باید یک فیلد جداگانه تعریف کنید. برای مجموع کل قیمتها هم می‌توانید از یک فیلد مجموع استفاده کنید.

      باتشکر

  3. محسن میگوید:

    سلام وقت بخیر بسیار کاربردی و خوب بود

    من یک مشکلی دارم امیدوارم بتونید راهنمایی کنید
    چطوری میشه فیلد تعداد رو هم مثل فیلد عددی محاسباتی کرد؟
    یا این امکان وجود داره که من یک فیلد عددی معمولی داشته باشم و به صورت خودکار مقدار اون فیلد وارد تعداد محصول بشه

    • مدیر سایت میگوید:

      باسلام خدمت دوست عزیز
      این کار به صورت پیش فرض نمیشه انجامش داد ولی با کدهای جی کوئری و جاوا اسکریپت این قابلیت امکانپذیر هست.
      در صورتی که امکان پیاده‌سازی این قطعه کد رو ندارین، میتونین با شرکت تماس بگیرین. کارشناسان شما را راهنمایی میکنن.

      موفق و پیروز باشید

      • mili میگوید:

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

        • مدیر سایت میگوید:

          باسلام
          چون این کد به صورت جی کوئری نوشته شده و وابسته به رویدادهای مربوط به گرویتی نیست، در فرم‌های چند مرحله‌ای کار نمیکنه.

  4. عیسی میگوید:

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

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

    یعنی اگر یک محصول بخوام سه تا فیلد باز بشه
    اگر تعداد را دو تا کردم (دو تا سه فیلد باز بشه، یعنی در مجموع شش فیلد)
    اگر تعداد را ۳ تا کردم ( ۳ تا سه فیلد باز بشه، یعنی در مجموع ۹ فیلد)
    اگر تعداد را ۴ تا کردم ( ۴ تا سه فیلد باز بشه، یعنی در مجموع ۱۲ فیلد)

    همون جور تا آخر ….

    با این افزونه میشه یا نه؟

  5. mili میگوید:

    سلام
    میشه برای فیلد های عددی (به جز تعداد محصول هم استفاده کرد؟
    استایلی که شما دادی رو چطوری میشه اعمال کرد؟
    با تشکر

    • مدیر سایت میگوید:

      سلام کاربر گرامی
      این کد فقط برای فیلدهای محصول در گرویتی فرم که تعداد دارند، قابل استفاده است. برای استایل هم ، کافی است به کلاس‌های add. و sub. در فایل css استایل بدهید.
      پیروز و سربلند باشید

  6. ایران میگوید:

    سلام
    چطور میتونم یک سری دکمه ها به فرمی که کاربر پرداختش رو انجام داده رو خدکار اضافه کنم؟
    ببینید منظورم اینه کا فرم رو ساخیتم مشتری وارد شده خرید زده پرداخت انجام شده حالا میخوام اگه من وارد فرم سفارش مشتری بشم یک سری دکمه ها برام بصورت دائم به همه ی سفارش ها اضافه بشه.
    مثلا دکمه ی تبدیل تاریخ شمسی ، یا لینک یک سایت دیگه همراه با دکمه

    یعنی بعد از ثبت خرید و در صندوق ورودی خودم اضافه بشه؟
    ممنون

  7. حسن غلامی میگوید:

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

    • مدیر سایت میگوید:

      باسلام خدمت کاربر عزیز
      افزونه اتصال گرویتی فرم به ووکامرس فقط فیلدهای سفارشی را به ووکامرس اضافه می‌کند. فیلد تعداد در ووکامرس جزء فیلدهای ضروری هر محصول است پس باید باشد و به نظر نیازی نیست تا فیلد تعداد در گرویتی فرم مجدد ایجاد شود.
      چرا نیاز دارید این فیلد را با فیلد تعداد ووکامرس یکسان سازی کنید؟

  8. حسن غلامی میگوید:

    ممنونم از پاسخگوییتون
    ببینید من از ووکامرس برای فروش تور گردشگری استفاده میکنم و لازمه که مشخصات مسافر و همراهانش را با یک فرم که بعضی فیلد هاش هم قیمت دارند (برای خدمات اختیاری) بگیرم
    من فرم ها را تکرار کردم و شرط گذاشتم در صورت زیاد شدن فیلد تعداد نشان داده بشن
    این شرط را اگر بشه روی فیلد تعداد ووکامرس گذاشت مشکلم حل میشد
    چون نشد سوال قبلی را پرسیدم

    • مدیر سایت میگوید:

      اگر منظورتون به ازای هر فیلد گرویتی فرم در ووکامرس هست، باید این موضوع بررسی بشه.
      با آی دی tida_web@ در تلگرام در ارتباط باشید یا تماس بگیرید تا کارشناسان شما را راهنمایی کنند و در صورت لزوم مشکل شما را برطرف کنند.
      موفق و پیروز باشید.

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

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