کامپوننت صفحه پرداخت

صفحه پرداخت برای هر سایت فروشگاهی یکی از صفحات مهم به حساب می‌آید. معمولا Ui و Ux در صفحات پرداخت به خصوص در CMS وردپرس همیشه به یک صورت است. تیم فرانت اند کده صفحه‌ی پرداخت به خصوصی رو برای شما طراحان سایت و توسعه دهندگان آماده کردهاست، البته نمونه خارجی آن موجود است که با هزینه گزافی در سایت‌های خارجی برای فروش ثبت شده است. اما تیم ما با ایرانیزه کردن این کامپوننت سعی کرده با قیمت معقول و صد البته بسیار کم و اقتصادی آن را در اختیار شما دوستان قرار دهد.

این کامپوننت از 4 المان اصلی تشکیل شده

• المان اطلاعات حساب
• اطلاعات مقصد
• سبد خرید و قسمت صورتحساب
• کوپن تخفیف

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

فریمورکهای مورد استفاده در این کامپوننت :

• TailwindCSS
• Vue.JS

پلاگین‌های بکاربرده شده،کاملا طراحی اختصاصی بوده که شامل :

• پلاگین ثبت اطلاعات و رفتن به مرحله اطلاعات مقصد
• پلاگین ویرایش اطلاعات حساب
• پلاگین ثبت اطلاعات مقصد
• پلاگین محاسبه سبد خرید
• پلاگین محاسبه ارزش افزوده و تخفیف
• پلاگین SUBTOTAL
• پلاگین کوپن تخفیف
• پلاگین تشخیص تعداد آیتم در سبد خرید با حذف یا اضافه کردن اقلام

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

نکته : این قسمت API گذاری نشده و بر عهده بک اند کار و فرانت اندکار پروژه شما می‌باشد.

برای تست قسمت تخفیف می‌توانید با درج کلمه “test” این المان رو از لحاظ کارایی و صحت آن چک بفرمایید.

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

ادامه مطلب