35% تخفیف
پکیج های المنتور پرو
تا شروع آذر ماه
مشاهده
ورود | ثبت نام
  • 33 نظر

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

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

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

جلسه 59 - قبلی

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

بعدی - جلسه 61

شخصی سازی صفحه تسویه حساب ووکامرس

فهرست مطالب

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

selector img {
    border: 1px solid #D6DCE2;
    border-radius: 5px;
}

selector a {
    font-size: 14px;
}

selector .qty {
    text-align: center !important;
    border-radius: 5px !important;
}

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 – بروزرسانی خودکار سبد خرید : برای بروزرسانی خودکار سبدخرید بدون استفاده از دکمه بروزرسانی سبد خرید

33 پاسخ

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

    پاسخ

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

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

    پاسخ

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

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

    پاسخ

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

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

    پاسخ

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

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

    پاسخ

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

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

    پاسخ

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

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

    پاسخ

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

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

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

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