This demo page shows how its possible to customize using CSS WOOF’s shortcode search form with DIFFERENT elements together: checkboxes, drop-downs, range-sliders and custom elements with different forms and behavior! CSS code applied on this page you can find here: https://products-filter.com/styles-codes-applied-on-demo-site/. NOTE: Filter on this page demonstrates kinds of filter elements types! There is no need to use such an arrangement of the elements as herein – it’s an example to show variety! Created by shortcodes:
[woof sid=”auto_shortcode” autohide=1] [woof_products per_page=9 columns=3 is_ajax=1]
[woof sid=”auto_shortcode” autohide=1] [woof_products per_page=9 columns=3 is_ajax=1]
Product Categories 
Product Categories Here is any tooltip text if you need it! 
Product Color Product Color Filter products by color using relevant filter!
Black (12)
Red (4)
White (8)
Mix 1 (2)
Green (4)
Brown (1)
Orange (1)
Mix 2 (4)
Blue (12)
Gray (9)
Mix 3 (1)
Purple (1)
Maroon (2)
Pink (5)
Brands (as SVG Images)
Tommy Hilfiger (9)
Diesel (4)
Converse (4)
Dockers (4)
Eddie Bauer (6)
Levis (2)
Gucci (5)
Guess (4)
Helly Hansen (8)
Lacoste (3)
Product Season
Spring (26)
Summer (32)
Winter (8)
Autumn (12)
Product Collection
The Locations (Hierarchy drop-down)
Product Size
- 10 XXS
- 15 XS
- 16 S
- 17 M
- 18 L
- 22 XL
- 15 XXL
- 7 XXXL
Product tags Product tags Just tags! 
Showing 10–18 of 48 results
