وبلاگ

ساخت صفحه سبد خرید ووکامرس با المنتور (بدون افزونه)

ساخت صفحه سبد خرید ووکامرس با المنتور (بدون افزونه)

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

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

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

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

مرحله اول : پیشنیاز های ما

در مرحله اول نیاز داریم تا پیشنیازهایی را نصب کنیم.

بعد از نصب به مرحله دوم آموزش مراجعه کنید.

مرحله دوم : ویرایش صفحه سبدخرید پیشفرض ووکامرس

در این مرحله در پیشخون وردپرس به مسیر برگه ها > همه برگه ها بروید. در این بخش همه برگه های وردپرس را می توانید مشاهده کنید.

بر روی برگه سبدخرید بیایید و بر روی ویرایش کلیک کنید.

cart elementor 1

سپس در این صفحه بر روی دکمه ویرایش با المنتور کلیک کنید.

cart elementor 2

حالا باید صفحه سبد خرید با ویرایشگر المنتور برای شما باز شود.

مرحله سوم : ساخت صفحه سبدخرید در المنتور

در بخش سمت را در قسمت ویجت های المنتور در کادر جستجو عبارت “سبدخرید” را سرچ کنید تا ویجت مربوطه برای شما نمایش داده شود.

cart elementor 3

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

تنظیمات سبد خرید المنتور
تنظیمات سبد خرید المنتور

همه گزینه ها را در زیر توضیح می دهیم :

  • کلی
    • طرح بندی : می توانید طرح بندی سبدخرید را انتخاب کنید که به 2 صورت “2 ستون” و “یک ستون” میتونید تنظیم کنید.
    • ستون سمت راست چسبندهماندن در ستون : این گزینه به ستون سمت راست (به عنوان مثال، مجموع سبد خرید) اجازه می‌دهد در حین پیمایش چسبنده باشد.
  • خلاصه سفارش
    • بروزرسانی سبد خرید : متن دکمه بروزرسانی سبد خرید را تنظیم کنید.
  • کد تخفیف
    • اعمال کد تخفیف : می توانید متن دکمه اعمال کد تخفیف را تنظیم کنید.
  • مجموع
    • عنوان بخش : در این بخش عنوان بخش را می توانید تنظیم کنید.
    • دکمه به روز رسانی حمل و نقل : متن دکمه دکمه به روز رسانی حمل و نقل را تنظیم کنید.
    • دکمه تسویه حساب : متن دکمه دکمه تسویه حساب را تغییر و یا تنظیم کنید.
  • گزینه های اضافی
    • بروزرسانی خودکار سبد خرید : تغییرات در سبد خرید به طور خودکار به روز می شوند.

مرحله چهارم: استایل دهی به صفحه سبدخرید

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

تنظیمات استایل ویجت سبدخرید
تنظیمات استایل ویجت سبدخرید

در زیر این گزینه ها را توضیح می دهیم :

  • بخش ها : می توانید تنظیمات برخی بخش ها را انجام دهید.
  • تایپوگرافی : تایپوگرافی فونت های بخش ها را می توانید تنظیم کنید.
  • فرم ها : استایل های فرم ها را سفارشی کنید.
  • خلاصه سفارش : تنظیمات استایل بخش خلاصه سفارش را انجام دهید.
  • مجموع : استایل مجموع را تنظیم کنید.
  • دکمه تسویه حساب : استایل دکمه تسویه حساب را تنظیم کنید.
  • سفارشی سازی : سفارشی سازی های مورد نیاز را انتخاب کنید. (بخش هایی از سبد خرید را برای سفارشی کردن انتخاب کنید) سعی کنید این بخش را تمرین کنید و ببینید که چه کارهایی می توانید انجام دهید.

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

سبدخرید طراحی شده با المنتور
سبدخرید طراحی شده با المنتور

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

?? شاید اینها به دردتون بخوره

4/5 - (1 امتیاز)
اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

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

در خدمت شما هستیم!

در صورت نیاز به مشاوره می توانید فرم را تکمیل نمایید و یا با ما در ارتباط باشید.