در این مقاله از سری آموزش های گام به گام راه اندازی فروشگاه اینترنتی از پایگاه دانش میزبان فا قصد داریم نحوه شخصی سازی ووکامرس در قالب پروشاپ را به شما آموزش دهیم. در واقع بهتان بگوییم که تنظیمات قالب آوادا برای ووکامرس به چه شکل است و چگونه می توانید تغییرات مورد نظر خود را با استفاده از قالب آوادا در بخش های مختلف ووکامرس در پروشاپ اعمال نمایید. به عنوان مثال می توانید تنظیم کنید که صفحه فروش به صورت چهار ستونه نمایش داده شود یا چه تعداد محصول در یک صفحه نمایش داده شود. به طور کلی این امکان را خواهید داشت که مطابق با نیاز خود قالب فروشگاه ووکامرس را شخصی سازی کنید.
طریقه شخصی سازی ووکامرس در قالب پروشاپ
به منظور شخصی سازی ووکامرس در قالب پروشاپ یا مجموعه قالب های آوادا باید از طریق پیشخوان وردپرس، منو «Avada» را انتخاب کنید. سپس روی «تنظیمات قالب» کلیک کنید.
سپس در منوهایی که نمایش داده می شود «ووکامرس» را انتخاب نمایید تا بتوانید در راستای شخصی سازی ووکامرس خود اقدام نمایید. تنظیمات این قسمت بسیار متعدد و متنوع است که در ادامه آنها را برای شما توضیح خواهیم داد.
تنظیمات عمومی ووکامرس
در ادامه شخصی سازی ووکامرس در قالب پروشاپ می توانید گزینه های بیشتری را جهت نمایش جذابتر فروشگاه سفارشی سازی کنید:
• تعداد محصولات در هر صفحه: با استفاده از این گزینه در فرآیند شخصی سازی ووکامرس شما می توانید تعیین کنید که در صفحه محصولات چه تعداد محصول نمایش داده شود.
• تعداد ستون های نمایش محصول در صفحه: این قسمت مربوط به تنظیمات تعداد ستون هایی است که در صفحه محصول نمایش داده می شود.
• تعداد ستون های محصولات پرفروش/محبوب/مشابه در ووکامرس: همانند موارد قبل این قسمت نیز نشان دهنده تعداد ستون های بخش محصولات پرفروش/محبوب یا مشابه است.
• تعداد ستون های آرشیو محصولات: منظور از این بخش تعداد ستون هایی است که در هر دسته بندی نمایش داده می شود.
• فعال کردن اسلایدر گاری محصولات ووکامرس در آوادا: در مسیر شخصی سازی ووکامرس با فعال کردن این قسمت با کلیک روی فلش های کنار تصویر اصلی می توانید تصاویر مربوط به هر محصول به صورت اسلایدری مشاهده کرد.
• سایز (عرض) عکس محصول در صفحه محصول
• کنترل تعداد ستون های تصویر کوچک Thumbnails به عنوان گالری تصاویر محصول
• کنترل فعال یا غیرفعال کردن زوم تصویر محصول
• نمایش فیلتر ترتیب نمایش محصولات در صفحه فروشگاه: منظور از این قسمت فیلتر پیش فرض ووکامرس است که با توجه به ارائه یک فیلتر بسیار قوی در پروشاپ، شما نیازی به فعال بودن این قسمت ندارد.
• نمایش عکس دوم محصول با حرکت موس در صفحه فروشگاه
• اطلاعات صفحه پرداخت در یک صفحه: در ادامه مراحل شخصی سازی ووکامرس در قالب پروشاپ ، در صورت غیرفعال کردن این قسمت اطلاعات پرداخت در سه صفحه مجزا نمایش داده می شود.
• نمایش باکس یادداشت خریدار در صفحه پرداخت
• لینک «حساب کاربری» در منوی اصلی
• آیکون «سبد خرید» محصولات در منوی اصلی
• شمارنده تعداد محصول کنار سبد خرید
• لینک «حساب کاربری» در منوی دوم (بالا): منظور از این بخش از تنظیمات شخصی سازی ووکامرس، نمایش گزینه «حساب کاربری» در Top menu است.
• آیکون «سبد خرید» محصولات در منوی دوم (بالا)
• آیکون شبکه های اجتماعی: منظور نمایش آیکون مورد نظر در صفحه محصول در پایین بخش مربوط به محصول است.
• نمایش محصولات به صورت شبکه / لیست
• نمایش پیش فرض محصولات: در این بخش شما تعیین می کنید که می خواهید محصولاتتان در صفحه به چه حالتی نمایش داده شوند.
• متن پیام اول در صفحه تسویه حساب
• متن پیام دوم در صفحه تسویه حساب
استایل های ووکامرس
• طرز نمایش باکس محصول در صفحه فروشگاه
• فاصله داخلی Padding باکس محصولات ووکامرس
• عرض صفحه 100%
• ارتفاع برابر
• طرز نمایش تب ها: طی فرآیند شخصی سازی ووکامرس شما می توانید با استفاده از این گزینه تعیین کنید که تب های باکس پایین محصول به صورت افق نمایش داده شود یا طرز نمایش آن به صورت عمودی باشد.
• تعیین رنگ پس زمینه باکس تعداد سفارش
• تعیین رنگ پس زیمنه باکس تعداد سفارش زمان Hover موس
• رنگ پس زمینه باکس های کرکره ای ووکامرس
• رنگ فونت باکس های کرکره ای ووکامرس
• رنگ دورخط Border باکس های کرکره ای ووکامرس
• رنگ پس زمینه دکمه «سبد خرید»
• سایز فونت آیکون های ووکامرس
در آموزش های پیشین به پیکربندی ووکامرس و تنظیمات مربوط به نحوه نمایش محصولات فروشگاه اینترنتی پرداختیم. در این جلسه از آموزش های قالب پروشاپ آموختیم که چطور ووکامرس را شخصی سازی کنیم تا نهایتا نحوه فروش و نمایش محصولات حرفه ای تر صورت گیرد. با شخصی سازی ووکامرس در قالب پروشاپ ظاهر جذابتری برای فروشگاه خود ایجاد خواهید نمود که همه این راهکارها در نهایت منجر به افزایش فروش خواهند شد.
آموزش قدم به قدم فروشگاه اینترنتی
نوشته آموزش شخصی‌سازی بخش‌های مختلف ووکامرس در پروشاپ اولین بار در پایگاه دانش میزبان‌فا پدیدار شد.