Banner for Color Filters
Filter WooCommerce products by color, size, attribute, categories and tags. Easy to implement and use WooCommerce filters. Wordpress Tutorial
Noted That:
  • To install correctly this color-filters.zip .
  • Fisrt Download the color-filters.zip to your computer
  • Extract/Open color-filters.zip to Your Computer.
  • Then, Find readme.txt file inside color-filters.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " color-filters.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Color Filters

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Color Filters

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Color Filters

Step-5 : Now, Browse " color-filters.zip " Downloaded plugin from your computer, Where you downloaded " color-filters.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Color Filters

Step-6 : Now, Click on " Active Plugin "

Activate Color Filters

Step-7 : Then, See left Side Menu. " Color Filters " folder is added on left Side Menu. Now, Click on " Color Filters " folder.

Noted that: If you do not see " Color Filters " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Color Filters Configurations and Settings or How to work " Color Filters " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Ultimate WooCommerce Filters " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Ultimate WooCommerce Filters
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Make sure you have the latest version of WooCommerce plugin installed and active
  2. Upload the ‘color-filters’ folder to the ‘/wp-content/plugins/’ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

or

  1. Make sure you have the latest version of WooCommerce plugin installed and active
  2. Go to the ‘Plugins’ menu in WordPress and click ‘Add New’
  3. Search for ‘Color Filters for WooCommerce’ and select ‘Install Now’
  4. Activate the plugin when prompted

Getting Started

  1. To add a new color filter:

    • Click on ‘WC Filters’ in the WordPress admin sidebar menu
    • Go to the ‘Colors’ tab. The ‘Add a New Color’ area will be on the left.
    • Fill in the fields, use the color picker to select your exact color, and then click the ‘Add New Color’ button
  2. To add a new size filter:

    • Click on ‘WC Filters’ in the WordPress admin sidebar menu
    • Go to the ‘Sizes’ tab. The ‘Add a New Size’ area will be on the left.
    • Give your size a name (e.g. “Medium”), fill in the other fields, and then click the ‘Add New Size’ button
  3. Choose color(s) and size(s) for your products:

    • Go to the WooCommerce ‘Products’ area of your WordPress admin and click on a specific product to edit it
    • On the right side of the screen, you’ll see a box called “Colors” and one called “Sizes”
    • There you will be able to choose the colors and sizes that apply for a specific product
  4. Enable filtering:

    • Go to the ‘Options’ tab
    • There you will see options called “Enable Color Filtering”, “Enable Size Filtering”, “Enable Category Filtering” and “Enable Tag Filtering”. You will also see options to enable filtering for every custom attribute that you have in your WooCommerce. Set any of these to “Yes” to enable the filtering.
  5. Displaying the filters on your shop page:

    • To add the WooCommerce filters widget to your shop page, go to the ‘Appearances > Widgets’ area of your WordPress admin
    • Drag our widget over to your the page sidebar area of your theme. (The widget is already configured to only show on the WooCommerce shop page, and not your other pages.)
    • You can also place the filters anywhere you want on a page using our intuitive [ultimate-woocommerce-filter] shortcode.
  6. Customize your WooCommerce filter experience by making use of the many available settings and options, including a smart product search, product count display, displaying filter attributes under shop page thumbnails (premium), layout and functionality options and more.

For a list of specific features, see the Ultimate WooCommerce Filters description page here: https://wordpress.org/plugins/color-filters/.

For help and support, please see:

  • Our FAQ page, here: https://wordpress.org/plugins/color-filters/#faq
  • The Ultimate WooCommerce Filters support forum, here: https://wordpress.org/support/plugin/color-filters

Name