Horje
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:

1. First Download " color-filters.zip " Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Ultimate WooCommerce Filters " folder is added on left sidemenu. Now, Click on " Ultimate WooCommerce Filters " folder.

   Noted that: If you do not see " Ultimate WooCommerce Filters " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Ultimate WooCommerce Filters Configurtions and Settings or How to work " Ultimate WooCommerce 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

woocommerce , filter , products , color , size , attribute , categories , tags , easy , implement ,

Name

Read Article
https://develop.horje.com/learn/1434/reference