35% تخفیف
پکیج های المنتور پرو
تا شروع آذر ماه

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

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

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

فهرست مطالب

کد 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. سلام برای این کار باید از روش های کدنویسی استفاده کنید. امکانات پیشفرض ووکامرس این اجازه رو به شما نخواهد داد.

  3. سلام
    چنانچه بخواهیم کنار تصویر سبد خرید در سربرگ تعداد کالاهای سبد خرید نمایش داده شود چه کاری باید انجام بدیم؟

    با تشکر

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

    1. سلام
      از منو > مقالات آموزش > راهنمای جامع المنتور
      تمامی آموزش ها بر اساس دسته قابل مشاهده هستند

  5. سلام من افزونه از سایتتون دریافت کردم و نصب کردم. چند روزی درست کار میکرد تا امروز که امدم بر اساس اموزشتون صفحه کاربری بسازم اما اصلا گزینه add new کار نمیکند و وقتی روش میزنم هیچ صفحه ای باز نمیشود و برای تمام بخش های دیگه مثل سبد خرید و تسویه حساب و… این گزینه از کار افتاده است و فقط ویرایشگر صفحات کار میکند. لطفا راهنمایی کنید
    حافظه هاست و ورژن php و تنظیمات پیشرفته و چک کردن دیگر افزونه ها و غیره نیز انجام دادم و تغییری در روال نداشته است.

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

  6. سلام
    همه قسمت هارو طبق آموزش شما انجام دادم
    ولی دکمه اقدام به پرداخت برای من کار نمیکنه

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

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

    1. سلام
      دقیقا طبق آموزش پیش رفتید؟ شما باید قالب مورد نظر را به برگه سبد خرید معرفی نمایید

  8. سلام چطور میتونم سایز و اندازه اون woo cart رو تغیرر بدم و کوچکتر کنم ارتفاعش رو؟

    1. سلام
      در صورتی که در تب استایل ابزارک امکان تغییر ارتفاع ندارید، باید کمی به کد نویسی CSS آشنایی داشته باشید

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

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

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