تخفیف پکیج‌های
المنتوربی‌نهایت تا


500 تومان
از شروع پاییز
تا جشن مهرگان

15 مهرماه

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

ابزارک ابزارک سبد خرید افزونه ووکامرس

برگه سبد خرید ووکامرس یکی از برگه های مهم و کاربردی ووکامرس می باشد. کاربران وب سایت به صورت مستقیم با این صفحه در ارتباط هستند. در این ویدئو آموزشی قصد داریم تا برگه سبد خرید افزونه ووکامرس را با استفاده از ابزارک سبد خرید (Cart Widget) افزونه المنتورپرو شخصی سازی کنیم.

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

آنچه در این مطلب می خوانید

.
.
5 راهکار تخصصی
برای بهبود کار با المنتور

کد CSS استفاده شده در آموزش

selector table th {
  text-align:right;
}


selector table td {
  text-align:right;
}

General – عمومی

تنظیمات عمومی ابزارک سبد خرید
  1. Layout – طرح بندی: انتخاب طرح بندی یک ستونی یا دو ستونی
  2. Sticky Right Column – چسبتدگی ستون سمت راست: اگر از طرح بندی دو ستونی استفاده می‌شود، از این گزینه برای چسبندگی ستون سمت راست استفاده می شود.
  3. Offset – فاصله: اگر گزینه چسبندگی فعال باشد، مقدار فاصله بالایی ستون سمت راست در حالت چسبندگی بر اساس px تنظیم می‌شود.

Order Summary – جزئیات سفارش

تنظیمات جزئیات سفارش ابزارک سبد خرید

Update Cart Button – بروزرسانی دکمه سبد خرید

  1. Text – متن: متن مورد نظر برای نمایش دکمه بروزرسانی سبدخرید

Coupon – کدتخفیف

تنظیمات کدتخفیف ابزارک سبد خرید

Apply Coupon Button – دکمه اعمال کدتخفیف

  1. Text – متن: متن مورد نظر برای نمایش دکمه اعمال کد تخفیف

Total – مجموع

مجموع اقلام ابزارک سبد خرید

Title – عنوان

  1. Section Title – عنوان بخش : متن مورد نظر برای نمایش در عنوان
  2. Alignment – تراز : تعیین جایگاه عنوان

Update Shipping Button – دکمه حمل و نقل

  1. Text – متن : متن مورد نظر برای نمایش در دکمه

Checkout Button – دکمه تسویه حساب

  1. Text – متن: متن مورد نظر برای نمایش در دکمه
  2. Alignment – تراز : تعیین جایگاه دکمه

َAdditional Options – تنظیمات بیشتر

تنظیمات بیشتر ابزارک سبد خرید
  1. Update Cart Automatically – بروزرسانی خودکار سبد خرید : برای بروزرسانی خودکار سبدخرید بدون استفاده از دکمه بروزرسانی سبد خرید

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

پرسشی دارید؟ پاسختان را خواهیم داد ...

33 پاسخ

  1. با سلام
    من با المنتور نمیتونم برگه ی سبد خرید رو ویرایش کنم. بعد از ویرایش با المنتور صفحه ای میاد که محتویات سبد خرید رو نداره . مشکل چیه؟(نسخه ی المنتور ساده استفاده میکنم).

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

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

    1. سلام خیر چنین چیزی صرفا درست نیست و دلایل دیگری نیز میتواند شامل این مشکل باشد.
      به عنوان مثال پاک کردن کش مرورگر و سایت میتواند این مشکلات را رفع نماید. و یا اینکه از منو پیشخوان وردپرس > المنتور > ابزار ها > تب کلی فایل های CSS را مجدد ساخته تا تمامی موارد مربوط به ظاهر اصلاح شوند.

  3. سلام
    من قالب وودمارت و ووکامرس و المنتور پرو را دارم ولی وقتی ابزارک سبد خرید اضافه میکنم به صورت بهم ریخته وخیلی عجیب وغریب برایم میاید و درست هم نمیشود
    برای ویرایش صفحات ووکامرس حتما باید افزونه woocommerce page builder داشته باشیم؟؟؟؟

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

  4. سلام، ببخشید من میخواستم آدرس ها و کد پستی و بعضی از فیلدها رو از صفحه پرداخت یا تسویه پاک کنم، چطوری این کار رو انجام بدم؟

    1. سلام
      از یک افزونه مدیریت صفحه صورت حساب استفاده کنید. کافیه در مخزن افزونه های وردپرس عبارک checkout را جستجو کنید.

  5. سلام خدمت شما
    ببخشید چبکار کنیم، وقتی مشتری روی دکمه افزودن به سبد خرید میزنه، مستقیماً وارد سبد خرید و وارد عملیات خرید بشه؟

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

  6. سلام ،ممنون از آموزش خوب و کاملتون.
    میخواستم بگم اگر در اول تمام آموزش هاتون ، افزونه های استفاده شده رو معرفی کنید خیلی خوب میشه .
    موفق باشید

    1. سلام و عرض احترام
      پایه و اساس 99درصد از آموزش های افزونه المنتور و المنتورپرو می باشد

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

    1. سلام
      آموزش این بخش بروزرسانی شد، لطفا مجدد اقدام به مشاهده آموزش نمایید

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

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

جلسات آموزشی
سطح پیشرفته

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

دریافت راهنمای تخصصی برای بهبود کار با المنتور
دریافت راهنمای تخصصی برای بهبود کار با المنتور