Content of the page

Styles and codes which are applied on the demo site

To make demo site more attractive and demonstrated different features the next code is applied: In the plugin settings -> tab Advanced -> “Custom CSS code”

Code for the rounded squares for color palette is taken here: https://products-filter.com/possible-color-selector-show-circular-shaped-colors-instead-square/ In the functions.php file of the current wp theme added the next PHP code: https://products-filter.com/hook/woof_get_more_less_button_xxxx/ – example for… read more

If it’s possible to have the Color selector show circular-shaped colors instead of square

Drop the next CSS code into the plugin settings page -> tab Options -> “Custom CSS code”:

Size of color boxes can be adjusted by:

   

How to save a selected filter in a session so the website keeps it remembered for the user

Works from v.1.1.6/2.1.6. PHP 5.4 is minimum requirement. Drop the next script example in the functions.php file of the current wp theme:

   

Actions after AJAX filtering done

There is in-built javascript event in the filter: woof_ajax_done So, if you want to apply any js code after WOOF searching by AJAX done, for example reinitialization of product galleries, use next code construction somewhere in js file of current wp theme (better use child theme):

Customer request about this feature before it was implemented:… read more

How to disable chosen js lib (drop-downs) for mobile devices

open your current theme functions.php file drop there next php code:

How to set toggle on the right side

Use next CSS code in tab Advanced -> Custom CSS code:

 

How to set logic ‘AND’ for taxonomies in the search request

Question: Is it possible for product tags (when displayed as checkbox) to filter products according to an “AND” logic? Question: If I use a query like this: “?swoof=1&pa_attr1=value_a,value_b” That gives me the products with value_a OR value_b. Is there a way to get only the products that have value_a AND value_b at the same time?  Answer: https://products-filter.com/hook/woof_main_query_tax_relations/ Works… read more

How to manipulate with search data options

Question: Is it possible to show the products filtered by default on load by a certain taxonomy Answer: yes, do next: open your current theme file functions.php on the same bottom of the file add next code

Use comma if you need more welcome taxonomies It is just an example-question, by your own logic you can… read more

How to force filtered results to show in three columns only

In AJAX mode sometimes is necessary to show count of columns not equal to 4. In this case do next please: open your current theme file functions.php on the same bottom of the file drop next code:

 save the file That is all … Remember – any count of columns (6 for example) is… read more

Working WOOF with Essential Grid

To make them works together: From version 2.1.4 it is possible use Template Essential Extension using attribute tpl_index for [woof_products] shortcode. Install and use this extension https://products-filter.com/extencion/essential-grid/ OR create new file in your current wp theme folder (or in child theme folder) and name it for example woo_essential_grid.php drop in woo_essential_grid.php next code:

  Create new page where you… read more