0

آموزش قدم به قدم ویرایش فیلدهای سبد خرید ووکامرس

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

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

برای استفاده از افزونه ویرایش سبد خرید ووکامرس باید در پیشخوان وردپرس روی منو «افزونه ها» کلیک کنید. سپس افزونه «ویرایش فیلدهای سبد خرید ووکامرس» را فعال کنید.

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

دقت داشته باشید این افزونه روی قالب پروشاپ نصب شده است و تنها می بایست آن را فعال نمایید. در صورتی که از قالب دیگری استفاده می کنید می توانید افزونه “ویرایش فیلدهای سبد خرید ووکامرس”  را تهیه نموده و به کمک آموزش زیر آن را نصب و راه اندازی نمایید.

آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس

بعد از فعال شدن ویرایش سبد خرید ووکامرس می توانید از طریق منو «ووکامرس» زیر منو «فیلدهای سبد خرید» را انتخاب کنید.

پیکربندی ووکامرس

این بخش شامل 5 زیرمنوی اصلی می شود:

  • تنظیمات
  • صورت حساب
  • حمل و نقل
  • سفارش
  • Custom Sectons
اگر به تازگی اقدم به راه اندازی فروشگاه اینترنتی خود نموده اید، می توانید از محتوای مقاله آموزش راه اندازی فروشگاه اینترنتی با وردپرس در راستای بهبود عملکرد وبسایت خود استفاده کنید.

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

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

بخوانید!  نحوه رمزگذاری روی پوشه در دایرکت ادمین

دکمه سبد خرید ووکامرس

در بخش تنظیمات داخلی، تب های زیر وجود دارد:

  • عمومی
  • ظاهر
  • نمایش در
  • پیشرفته

 

تب «عمومی» موارد زیر را شامل می شود:

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

در تنظیمات سبد خرید ووکامرس می توانید مطابق با توضیحات زیر پیکربندی مد نظر خود را پیاده سازی کنید:

  • فعال: با زدن تیک این قسمت شما تعیین می کنید که این فیلد نمایش داده شود یا نه.
  • ضروری: فعال کردن این گزینه نیز سبب می شود تا پر کردن این فیلد توسط کاربر الزامی شود. برای این کار یک آیکون ستاره در کنار عنوان فیلد نمایش داده می شود.
  • لیبل: منظور از این قسمت همان عنوان فیلد است که با توجه به نیاز خود می توانید آن را تعیین کرده یا تغییر دهید.
  • نام: این قسمت معادل انگلیسی عنوان قرار گرفته در باکس نام است. برای فیلدهایی که به صورت پیش فرض وجود دارند نیازی به تغییر این قسمت نیست. اما اگر از طریق باکس قرار گرفته در سمت راست، فیلد جدیدی را به فیلدهای این بخش اضافه کنید، باید بخش meta name را مشخص و وارد نمایید.
  • اعتبارسنجی: برای این بخش نیز می توانید «ایمیل»، «تلفن» یا «کدپستی» مشخص کنید. به ترتیب کاربر باید مورد مشخص شده را در این فیلد وارد کند تا بتواند خرید انجام دهد.

طراحی سبد خرید برای ووکامرس

در تب «ظاهر» زیر منوهای زیر وجود دارد:

حذف آیکون سبد خرید در ووکامرس

  • متن اولیه: در این قسمت می توانید یک متن را به عنوان نمونه قرار دهید. زمانی که کاربر فیلد را با عبارت مورد نظر پر می کند، این متن اولیه نیز پاک می شود.
  • کلاس CSS: در تب «ظاهر» گزینه ای به نام کلاس CSS با عنوان «form-right» وجود دارد که اگر این کلاس را به هر یک از فیلدها بدهید، آن فیلد یک دوم سطر را اشغال می کند. با استفاده از کلمه «right» و «left» نیز می توانید مشخص کنید که فیلد در سمت راست یا چپ سطر قرار بگیرد. آن دسته از فیلدهایی که قرار است به تنهایی یک سطر را اشغال کنند نیز با عبارت «form-wide» مشخص می شوند.
بخوانید!  معرفی محیط طراحی سایت

در تب «نمایش» در موارد زیر قابل مشاهده خواهد بود:

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

  • صفحه تشکر
  • حساب کاربری آدرس
  • حساب کاربری سفارش
  • ایمیل ها

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

تب «پیشرفته» برای حالتی است که شما نسخه premium آن را خریداری نمایید.

تنظیمات حمل و نقل ووکامرس

افزودن فیلد جدید به صفحه خرید فروشگاه

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

فیلد سبد خرید ووکامرس

این بخش شامل قسمت های زیر است:

  • نوع فیلد: در این بخش می توانید «متن تک خطی» و «متن چند خطی» را انتخاب کنید. سایر گزینه های این قسمت تنها در حالت premium فعال می باشد. در حالت چند خطی کاربر می تواند به راحتی چند خط را در یک فیلد قرار دهد. به عنوان مثال می توان از این حالت برای فیلد آدرس که طولانی تر است استفاده کرد.
  • ایمیل
  • نام

با کلیک روی تب «حمل و نقل» می توانید تنظیمات مربوط به این قسمت را مشاهده نمایید. این تب نیز دقیقا همانند موارد قرار گرفته در تب «صورت حساب» است اما یک تفاوت دارد و آن استفاده از کلاس form-wide برای تمامی فیلدهای قرار گرفته در آن است. دلیل این موضوع این است که تعداد فیلدهای این قسمت در مقایسه با قسمت صورت حساب که مربوط به تنظیمات سبد خرید است، کمتر می باشد و اگر فیلدها را در کنار هم قرار دهید ستون در مقایسه با ستون کناری کوتاه تر می شود که چندان جذاب نیست.

بخوانید!  چه زمانی نباید اقدام به راه اندازی استارت آپ کرد؟ – قسمت اول

تب «سفارش» بخش دیگری است که باید به آن توجه کرد. در این قسمت فیلدی تحت عنوان «order notes» وجود دارد که با وجود فعال بودن، نمایش داده نمی شود. دلیل این اتفاق این است که در تنظیمات قالب در ووکامرس بخش «نمایش باکس یادداشت خریدار در صفحه پرداخت» غیرفعال است. اگر می خواهید این بخش نشان داده شود، باید وارد بخش تنظیمات آوادا شوید. سپس روی زیر منو «ووکامرس» کلیک کرده و این بخش را فعال کنید. در ادامه نیز می توانید با استفاده از تنظیمات داخلی قرار گرفته در زیرفیلد هر گونه تغییراتی که مدنظرتان است را روی آن اعمال کنید.

تب «custom Section» نیز زمانی برای شما فعال می شود که نسخه premium این افزونه را خریداری نمایید.

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

آموزش قدم به قدم فروشگاه اینترنتی

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