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

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

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

Variation Swatches for WooCommerce نه تنها قابلیت انتخاب ویژگی های محصول براساس رنگ، تصویر و برچسب را در صفحه محصول ارائه می دهد بلکه در نمایش سریع محصولات نیز آنها را نشان می دهد. اگر از قالب های ووکامرس مانند Flatsome  که دارای گزینه Quick View به صورت پیش فرض هستند استفاده می کنید، لازم نیست انتخاب آیتم ها براساس رنگ، تصویر و برچسب را به صورت جداگانه برای نمایش سریع بارگذاری کنید.

در نسخه رایگان افزونه Variation Swatches for WooCommerce، علاوه بر ایجاد نمونه های اندازه، برند، تصویر، رنگ و برچسب، می توانید استایل شکل نمونه ها را به صورت دایره ای یا مربعی انتخاب کنید. علاوه بر این، با قرار دادن موس بر روی نمونه ها می توانید Tooltip ها (پنجره های شناور) زیبایی نمایش دهید. همچنین می توانید استایل شیت پیش فرض افزونه را به طور کلی غیرفعال کرده و CSS مورد نظر خود را اعمال کنید.

در این مقاله افزونه Variation Swatches for WooCommerce را مورد بررسی قرار داده و نحوه استفاده از آن را آموزش می دهیم.

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

توجه داشته باشید که برای استفاده از این افزونه باید فروشگاه اینترنتی خود را با استفاده از افزونه WooCommerce ساخته باشید.

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

بعد از اینکه افزونه نصب شد آن را فعال کنید.

با اینکه این افزونه در سایت شما نصب و فعال سازی شده است، اما اگر ویژگی های محصول را پیکربندی نکنید، محصولات متغیر همچنان کرکره ای نشان داده می شوند.

برای پیکربندی ویژگی های محصول، در پیشخوان وردپرس به مسیر محصولات » ویژگی ها بروید. در این صفحه تمام ویژگی های کلی که در فروشگاه ووکامرس خود ساخته اید را مشاهده می کنید.

بعد از نصب و فعال سازی افزونه Variation Swatches for WooCommerce ، یک فیلد “نوع” به این صفحه اضافه می شود. این فیلد به صورت پیش فرض گزینه انتخاب را نشان می دهد. اما افزونه WooCommerce Variation Swatches چهار نوع ویژگی شامل انتخاب، رنگ، تصویر و دکمه را ارائه می دهد. شما می توانید هریک از انواع فوق را برای ویژگی مورد نظر خود انتخاب کنید.

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

برای تغییر نوع ویژگی، روی پنجره کشویی “نوع” کلیک کنید. مشاهده می کنید که علاوه بر گزینه پیش فرض انتخاب، سه گزینه Color ، Image  و Button توسط افزونه WooCommerce Variation Swatches اضافه شده است.

نوع مورد نظر را برای ویژگی خود انتخاب کنید و روی دکمه بروزرسانی کلیک نمایید.

به عنوان مثال اگر گزینه Color را انتخاب کرده باشید، صفحه محصول در فرانت اند فروشگاه شما مشابه شکل زیر خواهد شد.

اگر مشاهده می کنید که قسمت ویژگی های محصول عجیب است و رنگ یا تصویری (در صورت انتخاب گزینه Image) در آن مشاهده نمی شود، نگران نباشید. علت این امر این است که شما هنوز رنگ یا تصویری را برای آیتم های مختلف ویژگی تنظیم نکرده اید.

به صفحه محصولات » ویژگی ها برگردید. برای ویرایش آیتم ها، روی لینک پیکربندی شرایط و ضوابط که در پایین هر ویژگی سمت چپ وجود دارد، کلیک کنید.

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

برای ویرایش هر آیتم روی آن کلیک کنید. صفحه ویرایش مشابه شکل زیر برای شما باز می شود.

افزونه WooCommerce Variation Swatches یک گزینه جدید در انتهای فرم قرار داده که به شما امکان می دهد رنگ یا تصویر را بسته به گزینه ای که تنظیم کرده اید، انتخاب کنید.

به همین ترتیب می توانید تک تک آیتم ها را تنظیم کرده و رنگ یا تصویر مورد نظر خود را برای آن قرار دهید.

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

تنظیمات افزونه

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

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

Enable Tooltip: پنجره شناور یا Tooltip باکس کوچکی است که با قرار دادن موس بر روی ویژگی ظاهر شده و اطلاعاتی درباره آن ویژگی می دهد. این ویژگی به صورت پیش فرض فعال است. در این قسمت می توانید آن را غیرفعال کنید.

Enable Stylesheet: با فعال باقی گذاشتن این ویژگی، استایل شیت پیش فرض افزونه فعال باقی می ماند. اگر می خواهید استایل شیت های سفارشی خود را اعمال کنید، این گزینه را غیرفعال کنید.

Shape style: در این قسمت می توانید باکس نمایش ویژگی های محصولات را به صورت گرد یا مربعی انتخاب کنید.

Auto Dropdown to Button: این گزینه افزونه WooCommerce Variation Swatches باعث می شود تمام پنجره های کشویی پیش فرض به نوع دکمه تغییر پیدا کنند. اگر نمی خواهید این اتفاق بیفتد، این گزینه را غیرفعال کنید.

پس از اعمال تغییرات مورد نظر خود روی دکمه ذخیره تغییرات کلیک کنید.

امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد. دیدگاه های خود را با ما در میان بگذارید.

دانلود افزونه