@alma/widgets یه کتابخونه جاوااسکریپته، همراه با استایل، برای نمایش اطلاعات Alma توی صفحه های وب. Alma یه سرویس پرداخت اروپاییه که پرداخت اقساطی و چندمرحله ای ارائه می ده. توضیح رسمی بسته هم همین رو می گه: ویجت هایی برای اینکه اطلاعات Alma رو راحت نمایش بدی.
مشکلی که حل می کنه ساده است. اگه فروشگاهت با Alma کار می کنه، لازم نیست خودت از صفر بخش نمایش گزینه های پرداخت رو بنویسی و با ظاهر سایت هماهنگش کنی. کاربرد رایجش اینه که کنار قیمت محصول یا توی صفحه سبد خرید، اطلاعات پرداخت با Alma رو نشون بدی. اینکه دقیقا چه ویجت هایی با چه تنظیم هایی توی هر نسخه هست رو از مستندات خود بسته چک کن، چون ممکنه بین نسخه ها فرق کنه.
یه نکته مهم برای سایت های ایرانی: Alma برای کسب و کارهای اروپایی ساخته شده و به درگاه های پرداخت ایرانی ربطی نداره. اگه سایتت ایرانیه و فروشت داخل ایران با درگاه ایرانی انجام می شه، این بسته به دردت نمی خوره و فقط کد اضافه به صفحه می ده. جاهایی که معنی داره: پروژه ای که برای یه مشتری اروپایی می سازی، یا فروشگاهی که حساب فروشنده فعال روی Alma داره. بدون حساب Alma، ویجت چیزی برای نمایش نداره.
موقع انتخاب و استفاده چند چیز رو حواست باشه. اول اینکه این بسته افزونه وردپرس نیست و یه کتابخونه جاوااسکریپته. پس روی وردپرس باید خودت داخل قالب یا یه افزونه کوچک به صفحه اضافه اش کنی. دوم اینکه استایل ویجت ممکنه با CSS قالبت تداخل کنه، مخصوصا اگه قالبت راست به چپه. حتما توی مرورگر و روی موبایل تست کن. سوم اینکه اگه Alma محیط آزمایشی در اختیارت می ذاره، اول با اون کار کن و بعد برو سراغ حالت واقعی.
نسخه های رسمی و بدون تغییر @alma/widgets توی مخزن داخلی ما هم هست. این برای روزهایی که دسترسی به npm کند یا قطعه به درد می خوره. فقط یادت باشه با گرفتن فایل ها از مخزن، خود کتابخونه رو روی هاستت داری و ویجت برای نمایش اطلاعات هنوز به سرویس Alma هم نیاز داره.
راهنمای استفاده
راه استفاده به این بستگی داره که پروژه ات چطور ساخته شده. این قدم های کلی برای بیشتر سایت ها جواب می ده و کد آماده اش پایین همین صفحه هست.
- فایل های بسته رو از همین صفحه دانلود کن و روی هاست یا داخل پوشه قالبت بذار. اگه پروژه ات با باندلر کار می کنه، می تونی بسته رو با npm هم نصب کنی.
- فایل جاوااسکریپت و فایل CSS رو به صفحه ای که ویجت توش نمایش داده می شه اضافه کن.
- توی HTML، همون جایی که می خوای ویجت بیاد، یه المنت خالی بذار. معمولا یه div با یه شناسه مشخص کافیه.
- ویجت رو با اطلاعات حساب Alma و مبلغ خرید راه اندازی کن و تنظیم ها رو طبق مستندات خود بسته بنویس. اگه محیط آزمایشی داری، اول با اون شروع کن.
- صفحه رو باز کن و کنسول مرورگر رو چک کن. اگه ویجت نیومد، معمولا یا شناسه المنت اشتباهه یا اطلاعات حساب درست وارد نشده.
توی وردپرس بهتره فایل ها رو با wp_enqueue_script و wp_enqueue_style از قالب فرزند یا یه افزونه کوچک اضافه کنی و فقط روی صفحه هایی که لازم داری بارگذاری کنی. این جوری بقیه صفحه های سایت بی خودی سنگین نمی شن.