افزونه نمایش ویژگی های ووکامرس

افزونه نمایش ویژگی های ووکامرس Variation Swatches for WooCommerce

  • آخرین بروز رسانی: 3 ماه قبل
  • تعداد نصب های فعال:+ 200000
  • نسخه افزونه: 1.1.17
  • امتیاز کاربران وردپرس :4.9 از 5 ستاره
  • نسخه وردپرس : آزمایش شده تا 5.7.2
  • حداقل نسخه وردپرس :4.8
دانلود افزونه وردپرس Variation Swatches for WooCommerce
لینک دانلود
اطلاعات نویسنده
پژمان تیموری

2 سال عضو افزونه جو

از افزونه Variation Swatches for WooCommerce برای نمایش ویژگی های محصولات ووکامرس مثل رنگ و اندازه با استایل های زیبا استفاده می شود.

افزونه نمایش ویژگی های ووکامرس

می دانیم ووکامرس به طور پیش فرض ویژگی های محصولات متغییر مثل رنگ و اندازه را به صورت متنی به نمایش می گذارد .که کاربر با انتخاب هر متغیر می تواند قیمت و مشخصات آن را ببیند. اما افزونه Variation Swatches for WooCommerce ویژگی های محصولات مثل رنگ را به صورت گرافیکی به نمایش می گذارد.

با این افزونه شما می توانید ویژگی های هر محصول را به ۳ صورت رنگ ، دکمه و تصویر به نمایش بگذارید.در تصویر زیر یک نمونه نمایش رنگ و اندازه محصول را با این افزونه می بینید.

افزونه نمایش ویژگی های ووکامرس

نمایش ویژگی رنگ و اندازه محصولات

شما می توانید این افزونه را از بالای این صفحه دانلود و در سایت خود نصب و فعال سازی کنید.( در این زمینه می توانید آموزش نحوه نصب افزونه در وردپرس را بخوانید.) این افزونه بلافاصله بعد از فعال سازی قابل استفاده است.در اینجا می خواهیم دو ویژگی رنگ و اندازه را با کمک افزونه Variation Swatches for WooCommerce به نمایش بگذاریم.

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

 افزونه Variation Swatches for WooCommerce

بعد از ایجاد ویژگی بر روی پیکربندی شرایط و ضوابط کلیک و تک تک رنگ هایی را که می خواهید به این ویژگی اختصاص دهید.

ویژگی های ووکامرس

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

نمایش ویژگی رنگ و اندازه محصولات

به طور مشابه برای اندازه هم همین مراحل را طی می کنیم با این تفاوت که در مرحله ایجاد ویژگی ، نوع آن را از نوع button یا دکمه قرار می دهیم. و مقادیر اندازه را هم به صورت عددی یا متنی وارد می کنیم. همچنین امکان ایجاد ویژگی از نوع تصویر هم وجود دارد که در این صورت برای هر مقدار باید یک تصویر بارگذاری کنیم.

اکنون کافی است یکی از محصولات متغییر را باز کنیم و این ویژگی ها را به آن ها اضافه کنیم .در نهایت نتیجه مانند تصویر زیر خواهد بود.

افزونه نمایش ویژگی رنگ و اندازه محصولات
تصویر ۵

تنظیمات افزونه Variation Swatches for WooCommerce

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

تنظیمات افزونه Variation Swatches for WooCommerce
  • Enable Tooltip: با فعال سازی این گزینه وقتی روی یک ویژگی مانند رنگ قرار می گیرید مقدار آن را به نمایش می گذارد.
  • Enable Stylesheet: فعال سازی استایل پیش فرض افزونه
  • Shape style: شکل نمایش به صورت گرد یا مربعی
  • Auto Dropdowns to Button: به طور پیش فرض ووکامرس ویژگی ها را به صورت یک لیست باز شود نشان می دهد. با این گزینه ویژگی ها توسط افزونه به شکل دکمه به نمایش درمی آیند.
تنظیمات افزونه Variation Swatches for WooCommerce
  • Clear on Reselect: وقتی کاربر دوباره یک متغییر مثل رنگ را انتخاب می کند آن را غیر فعال کند.
  • Show selected attribute: نمایش نام ویژگی وقتی انتخاب می شود. به طور مثال با انتخاب رنگ جلوی آن نام رنگ را نمایش دهد مانند رنگ :: قهوه ای تصویر ۵ در بالا .
  • Variation label separator: جداکننده بین نام ویژگی و مقدار به طور مثال رنگ :: قهوه ای در شکل ۵
  • Attribute behavior: نحوه نمایش ویژگی وقتی غیر فعال است.( قیمتی برای آن تعریف نشده). به طور پیش فرض یک ضربه در روی آن می کشد.
  • Attribute image size: اندازه تصویر ویژگی در حالتی که برای ویژگی ها تصویر قرار دهید.
  • Width،Height: عرض و ارتفاع هر مقدار ویژگی
  • Font Size: اندازه فونت

خلاصه آموزش

در این آموزش با نحوه نمایش ویژگی های ووکامرس به ۳ شکل رنگ ، دکمه و تصویر با افزونه Variation Swatches for WooCommerce آشنا شدیم. شما می توانید دوره رایگان معرفی افزونه های ضروری ووکامرس را در سایت افزونه جو دنبال کنید.

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

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

افزونه نمایش ویژگی های ووکامرس Variation Swatches for WooCommerce