ویرایش و سهولت فرایند خرید در ووکامرس

سلام. در این مطلب با بیست و یکمین جلسه آموزش ووکامرس در خدمت دوستان عزیز هستیم. توی این جلسه آموزش ویرایش و سهولت فرایند خرید در ووکامرس رو براتون جهت دانلود قرار داده ایم. معمولا هر وب سایتی فرآیند خرید مربوط به خودش رو داره، درسته که اکثر فرآیندهای خرید مشابه هستند ولی بعضی وقتا مشاهده می کنیم که برخی وب سایت های ووکامرسی دارای فرآیند خرید طولانی هستند که ممکنه مشکلاتی رو ایجاد کنه. به همین خاطر توی این مطلب با هم می پردازیم به ویرایش و سهولت فرایند خرید در ووکامرس با woocommerce direct checkout. لطفا با ما همراه باشید…

ویرایش و سهولت فرایند خرید در ووکامرس با woocommerce direct checkout

در ادامه ویرایش و سهولت فرایند خرید در ووکامرس رو با کمک افزونه woocommerce direct checkout انجام میدیم و خواهید دید که چگونه و به راحتی فرایند خرید در ووکامرس رو ویرایش می کنیم که کاربر بتونه با صرف کمترین زمان و پیچیدگی خرید خود رو انجام بده.

افزونه woocommerce direct checkout

با کمک افزونه woocommerce direct checkout می توانیم مرحله صفحه کارت رو حذف کنیم یا تغییر بدیم و یا حتی بصورت یک تفاهم نامه دربیاریم.

افزونه را در پیشخوان وردپرس نصب و سپس فعال می کنیم. پس از فعال سازی از منوی ووکامرس گزینه ای با عنوان “پرداخت مستقیم” خواهیم دید.

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

در اینجا گزینه هایی وجود دارد که به معرفی هر کدام خواهیم پرداخت.

فعال : با علامت زدن این گزینه، افزونه را فعال خواهید کرد.
دکمه ی ادامه ی خرید : زمانی که شما فرآیند خرید را به صورت مستقیم می کنید مشتری بدون آنکه محصول دیگری را بتواند انتخاب کند، به صفحه ی پرداخت انتقال می یابد! برای همین با فعال سازی این دکمه به او امکان انتخاب دوباره داده خواهد شد.
متن دلخواه دکمه اضافه کردن به پیگیری سفارش : متن مشخص شده برای سبد خرید است! برای اینکه دیگر سبد خریدی وجود ندارد ما می توانیم عبارت دیگری را وارد کنیم. (مانند نمونه ی وارد شده)
راهبری به صفحه : اینجا به ما حق انتخاب صفحه ای را می دهد که به جای صفحه ی کارت به آن منتقل شویم. اگر صفحه ای را انتخاب نکنیم، به صورت مستقیم به صفحه ی پرداخت متصل می شوید اما اگر می خواهید صفحه ای را انتخاب کنید می توانید از فهرست کشویی انتخاب نمایید.

توجه!!! شما می توانید صفحه ای برای قوانین و نکات قبل از خرید ایجاد کنید و در راهبری به صفحه آن را انتخاب کنید تا مشتری قبل از پرداخت و خرید قوانین را مطالعه کند. برای این کار وارد بخش برگه ها و افزودن برگه می شویم.

همانطور که میبینید برگه ای را با عنوان “مکات قبل از خرید ایجاد کردم و حال آن را در بخش “راهبری به صفحه ی”انتخاب می کنم. به این صورت قبل از خرید می توان این صفحه را ملاحظه کرد. حال به صفحه فروشگاه رفته و خریدی را انجام می دهیم تا نتیجه افزونه را بر فرآیند خرید رو با هم ببینیم

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

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

The post ویرایش و سهولت فرایند خرید در ووکامرس با woocommerce direct checkout appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.

اضافه کردن امکان زوم تصاویر در محصولات ووکامرس

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

اضافه کردن امکان زوم تصاویر در محصولات ووکامرس

افزونه YITH WooCommerce Zoom Magnifier

افزونه ی مذکور را در پیشخوان وردپرس و در مسیر افزونه ها نصب و سپس آن را فعال می کنیم. در هنگام نصب متوجه خواهید شد که افزونه ی بسیار سبکی است و به راحتی نصب می شود. گزینه ی “Yith plugin” را در منوی سمت راست وردپرس مشاهده می کنید با نگه داشتن ماوس بر روی آن نام افزونه ظاهر می شود. برای تنظیم کردن آن بر روی نام افزونه کلیک کنید.

زمانی که بر روی گزینه ی “zoom magnifier” کلیک می کنیم وارد بخش تنظیمات افزونه می شویم که شامل دو تب اصلی و پرمیوم است. ما با تب اصلی کار داریم.

General Settings

Activate YITH WooCommerce Zoom Magnifier: با فعال کردن این گزینه به افزونه اجازه ی فعالیت می دهید.
Activate on mobile device: در صورتی که می خواهید این امکان یعنی بزرگنمایی در گوشی تلفن های همراه نیز فعال شود می توانید این گزینه را تیک بزنید.
Forced Image Size: تصاویر را در اندازه های واقعی خود به حالت بزرگنمایی ببرد.

Magnifier Settings

Zoom Box Width: مقدار بزرگنمایی را در طول تصویر مشخص می کند. بهتر است بر روی همین حالت auto قرار گیرد.
Zoom Box Height: مقدار بزرگنمایی را در عرض تصویر مشخص می کند. بهتر است بر روی همین حالت auto قرار گیرد.
Image size: اندازه ی کلی تصویر به صورت بزرگنمایی شده را می توانید تعیین کنید. تا چه اندازه بزرگ شود.
Zoom Box Position: موقعیت قرارگیری باکسی که تصویر زوم شده در آن قرار می گیرد را می توان تعیین کرد.
Zoom Box Position for mobile devices: موقعیت قرارگیری باکسی که تصویر زوم شده در آن قرار میگیرد در دستگاه های موبایل مشخص می کند.
Loading label: برچسب بارگذاری زمانی که سرعت سایت یا اینترنت کد می شود، با این نوشته رو به رو خواهید شد.
Lens Opacity: می توانید مقدار کیفیت تصویر در هنگام زوم شدن را که بین دو عدد ۰ تا ۱ است مشخص کنید. اما کیفیت تصویر بیشتر بستگی به خود تصویری دارد که شما انتخاب می کنید.
Blur: در صورتی که می خواهید خاصیت بلور به تصویر بدهید می توانید این گزینه را

Slider Settings

این بخش هم مربوط به تنظیماتی است که برای اسلایدر در نظر می گیرد. در صورت تمایل می توانید آن را مشخص کنید.

حال تنظیمات را ذخیره کنید. حال می توان به بخش تصاویر رفت و تصاویر را ملاحظه کرد…

همانطور که مشاهده حالت زوم شده ی تصویر در سمت راست مشخص شده است.

The post اضافه کردن امکان زوم تصاویر در محصولات ووکامرس appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.