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

نویسنده : ایران المنتور
21 دیدگاه
آخرین بروزرسانی : 24 دی, 1400
ابزارک ابزارک سبد خرید افزونه ووکامرس

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

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

Share on twitter
Share on linkedin
Share on pinterest
Share on telegram
Share on whatsapp
Share on email

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

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