WP Live Content Filter
By : Accolore Published on Saturday, February 14, 2015,06:36:14 in Wordpress Plugins and Widgets
DescriptionThis plugin provide an input box to filter a specified DOM selector (like `.products li` or `item`) and hide those who does not contain the inputed text. User start writing into the input box and the plugin start filtering the DOM elements, hiding those who does not contain filter text. Filtering can be done with preset words buttons which fill automatically the filter with customized words. In addition the plugin let you order the filtered element in ascendig or descending order the filtered resulting elements and change the layout (list or grid) of the elements. The plugin work with a shortcode which let the user customize pratically all the parameters (see `Shortcode use` section to view a full list). Customizations of the filter box appearance and the animation parameters can be done from configuration page. It is possible to integrate the filter into the Woocommerce product page: in this case the customization can be made via configuration page. This plugin require Redux Framework plugin to work. TGMPA plugin is provided to install required plugin on activation.
Feature listThis section describes the features of the plugin.
Shortcode useThis section describes how to use the plugin shortcode. This is the minimal user of the shortcode `[wp-lcf container_selector=”ul.list” filter_selector=”li”]Write your custom placeholder here[/wp-lcf]` In this way the plugin display a text box which let the user write a text used to filter the elements specified into filter_selector, which has to be indicated as children of container_selector DOM element. When user start writing the plugin search into ALL THE CONTENT of the specified DOM elements. When the inputed text is found the element remain visible, otherwise the element will be hidden. Here is and example of advanced use with all parameters: `[wp-lcf container_selector=”.list” filter_selector=”li .title” filter_type=”containText” sort_button=”yes” clear_button=”yes” layout_button=”yes” layout_type=”list” effect_selector=”li” filter_presets=”text1,text2”]Write something here[/wp-lcf]`
Woocommerce integrationTo enable the filter input box into Woocommerce product page you have to go to the Wordpress WP Live Contet Filter configuration page and set to yes the `Enable integration` flag. This will enable the customization option into the configurationa page too. In Woocommerce It will not be possible to display the sort button due to the presence of the native sorting options: it will a duplicate!
Changelog3.2 – 12/06/2015
Share This Product
You May Also Like
Tabsy Tabbed Widgets Add-on
Before After Image Pro Addon for V...
Visual Composer - Woocommerce Grid...
WordPress Post Grid/List Layout Wi...