افزونه های ووکامرس

فیلتر محصولات ووکامرس با افزونه WOOF – Products Filter for WooCommerce

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

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

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

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

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

فیلتر محصولات ووکامرس

افزونه ای که در این آموزش برای فیلتر محصولات ووکامرس معرفی می کنیم، با عنوان WOOF – Products Filter for WooCommerce در مخزن وردپرس به ثبت رسیده است.

این افزونه که دارای دو نسخه تجاری و رایگان می باشد، تا کنون با بیش از 70.000 نصب فعال توانسته است امتیاز 4.5 را از کاربران خود به دست بیاورد.

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

دانلود افزونه WOOF – Products Filter for WooCommerce

پس از نصب و فعالسازی افزونه برای تنظیمات آن به منوی ووکامرس >> پیکربندی مراجعه نموده و سپس به تب Products Filter بروید.

تنظیکات افزونه تب structure
تب structure

در بخش تنظیمات و پیکربندی این افزونه 6 تب مختلف وجود دارد که در ادامه هر کدام رو توضیح می دهیم.

تب Structure

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

همچنین می توانید نحوه نمایش این فیلترها را به صورت دکمه های رادیویی، چک باکس ها، منوهای کشویی و … تعیین کنید.

در این تب با درگ و دراپ کردن گزینه ها(کشیدن و رها کردن) می توانید ترتیب قرارگیری فیلترها را تغییر دهید.

تب options از تنظیمات افزونه فیلتر محصولات
تب options

تب Options

در این تب می توانید امکانات مختلف را برای فیلتر محصولات ووکامرس، فعال یا غیرفعال کنید.

Set filter automatically: با فعال کردن این گزینه، فیلتر به طور خودکار هنگام نمایش محصولات اعمال خواهد شد.

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

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

Dynamic recount: با فعال کردن این گزینه، شمارش پویای محصولات هنگام فیلتر محصولات ووکامرس فعال خواهد شد.

Try to ajaxify the shop: با فعال کردن این گزینه، افزونه سعی می کند به صورت ایجکسی فیلتر محصولات را نمایش دهد.

Hide childs in checkboxes and radio: با فعال کردن این گزینه نیز زیر دسته های فیلترها در مورد چک باکس ها و دکمه های رادیویی، مخفی خواهند ماند و پس از انتخاب والد فرزندان نیز نمایش داده می شوند.

Hide woof top panel buttons: با فعال کردن این گزینه، دکمه های بالایی در افزونه فیلتر محصولات ووکامرس مخفی خواهند شد.

Lets checked terms will be on the top: این گزینه برای نمایش پذیرفتن قوانین شرایط و ضوابط می باشد.

تب design از تنظیمات افزونه فیلتر محصولات
تب design

تب Design

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

همچنین در این تب برای نمایش فیلتر محصولات ووکامرس در گزینه Custom front css styles file link می توانید لینک یک فایل CSS را وارد کنید.

تب advanced از تنظیمات افزونه فیلتر محصولات
تب advanced

تب Advanced

در این تب نیز می توانید کدهای CSS و JavaScript دلخواه خود برای تغییر نحوه نمایش فیلتر محصولات ووکامرس وارد نمایید.

تب extentions در افزونه فیلتر محصولات
تب extentions

تب Extensions

در این تب می توانید امکانات بیشتری را برای جستجو و فیلتر محصولات ووکامرس فراهم نمایید. به عنوان مثال با فعال کردن گزینه Searching by Author در این بخش و ذخیره تغییرات امکان جستجو و فیلتر محصولات توسط نویسنده نیز فراهم خواهد شد.

تب Info

در این تب نیز می توانید اطلاعاتی از نحوه کارکرد افزونه WOOF – Products Filter for WooCommerce به دست بیاورید.

اکنون برای نمایش فیلتر محصولات ووکامرس در صفحه فروشگاه خود، به منوی نمایش >> ابزارک ها رفته و ابزارک WOOF – WooCommerce Products Filter را در محل فروشگاه برای برگه های ووکامرس قرار دهید.

ابزارک نمایش فیلتر محصولات
ابزارک فیلتر محصولات ووکامرس

Title: در این گزینه عنوان دلخواه خود را برای نمایش در بخش فیلتر محصولات وارد نمایید.

Additional text before: در صورتی که می خواهید قبل از اعمال فیلتر مشتریان شما متنی را مشاهده نمایند، در این گزینه متن دلخواهتان را وارد نمایید.

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

Hide search form by default and show one button instead: با فعال کردن این گزینه، هنگام ورود به صفحه فروشگاه در قست فیلتر محصولات ووکامرس به جای گزینه های فیلتر، یک دکمه برای نمایش فرم فیلتر مشاهده خواهید کرد.

Dynamic recount: با فعال کردن این گزینه شمارش تعداد محصولات ه صورت پویا انجام می گیرد.

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

Submit button position: در این گزینه می توانید محل قرار گیری دکمه اعمال فیلتر محصولات ووکامرس را تعیین کنید.

Form AJAX redrawing: با فعال کردن این گزینه، فرم فیلتر محصولات به صورت ایجکسی ظاهر می شود.

گزینه های فیلتر محصولات ووکامرس
پیش نمایش گزینه های فیلتر محصولات

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

به این نوشته امتیاز بدهید

عاطفه نوربخش

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

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

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