برای افزایش فروش و راحت بودن فرآیند خرید برای مشتریان، می توانید از سبد خرید ایجکس در ووکامرس استفاده کنید تا بلافاصله پس از زدن دکمه افزودن به سبد خرید، تمام محتویات انتخاب شده نمایش داده شوند. قبلا در مورد پاپ آپ افزودن به سبد خرید در ووکامرس صحبت کرده بودم، اما در اینجا منظور نمایش سبد خرید به صورت ایجکس در مکان دلخواه و بلافاصله پس از زدن دکمه افزودن به سبد خرید می باشد.
همانطور که در گیف بالا نیز مشاهده می کنید، با زدن دکمه افزودن به سبد خرید، سبد خرید به صورت ایجکس در مکان دلخواه نمایش داده خواهد شد. در این آموزش از 20اسکریپت یکی دیگر از افزونه های محبوب برای ایجاد سبد خرید ایجکس را معرفی خواهم کرد.
سبد خرید ایجکس در ووکامرس
افزونه ای که در این آموزش برای افرودن سبد خرید ایجسکی معرفی می کنم، با عنوان WPC Fly Cart for WooCommerce در مخزن وردپرس به ثبت رسیده است. این افزونه که دارای دو نسخه تجاری و رایگان می باشد، تا کنون با بیش از 1.000 نصب فعال توانسته است امتیاز 4.9 را از کاربران خود به دست بیاورد.
برای ایجاد قابلیت سبد خرید ایجکس، با کلیک روی دکمه زیر این افزونه را از مخزن وردپرس دانلود کرده و سپس به کمک آموزش نحوه نصب افزونه ها در وردپرس اقدام به نصب و فعال سازی آن در وب سایت خود نمایید.
پس از نصب و فعال سازی افزونه منویی با عنوان WP clever در پیشخوان وب سایت شما ظاهر می شود که با کلیک روی زیرمنوی Fly Cart به صفحه تنظیمات افزونه هدایت خواهید شد.
همانطور که مشاهده می کنید این افزونه در تنظیمات خود دارای دو بخش Main Cart و Cart Button می باشد که تنظیمات مربوط به هر کدام را در ادامه توضیح خواهم داد.
Main Cart
در این بخش می توانید کارکرد اصلی افزونه یعنی سبد خرید ایجکس در ووکامرس را فعال یا غیرفعال کنید، محل نمایش سبد خرید، رنگبندی دلخواه، عنوان مناسب و سایر ویژگی های سبد خرید ایجکس را سفارشی سازی نمایید.
Cart Button
در این بخش نیز نمایش آیکون سبد خرید را می توانید فعال یا غیرفعال کنید. آیکون دلخواه را از گزینه Icon انتخاب کرده و محل مناسبی را برای نمایش آن انتخاب نمایید. سایر تنظیمات افزونه مربوط به نسخه تجاری هستند که در این آموزش از پرداختن به آن ها خودداری می کنم.
در نهایت پس از ذخیره تغییرات، چنانچه محصول جدیدی را به سبد خرید خود اضافه نمایید، سبد خرید ایجکس در ووکامرس مانند تصویر بالا نمایش داده می شود و مطابق تنظیمات انجام شده ایکون سبد خرید نیز نمایش داده خواهد شد.
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید