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 which form and behavior is different!
CSS code applied here: http://www.woocommerce-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!
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 (4)
Hello! I am description …Red (8)
Example of the description for Red colorWhite (10)
Mix 1 (4)
It is possible use images too, not colors only …Green (9)
Brown (2)
Orange (3)
Mix 2 (3)
It is possible use images too, not colors only …Blue (2)
Gray (2)
Mix 3 (4)
It is possible use images too, not colors only …Purple (4)
Maroon (3)
Pink (4)
Yellow (1)
Product Wear type
Winter (4)
Spring (12)
Summer (11)
Autumn (10)
The Locations (Hierarchy drop-down)
Product Size
- 1 XXS
- 3 XS
- 5 S
- 4 M
- 7 L
- 11 XL
- 7 XXL
- 2 XXXL
Product Collection
Showing 10–18 of 23 results
-
Cami Slip Dress
23.00$Add to cart- EUR: € 19.86
-
T-shirt Ninja Silhouette
25.00$Add to cart- EUR: € 21.59
-
Swing T-Shirt Dress In Acid Wash
29.00$Add to cart- EUR: € 25.05
-
Red bat t-shirt
Sale! 30.00$ – 35.00$Select options- EUR: € 25.91 - € 30.23
-
Flag-Print Fleece-Back Jersey Sweatshirt
Sale!35.00$30.00$Add to cart- EUR: € 25.91
-
Pullover Happy Ninja
32.00$Add to cart- EUR: € 27.64
-
Pullover Patient Ninja
34.00$Add to cart- EUR: € 29.36
-
Pullover Woo Ninja
35.00$Add to cart- EUR: € 30.23
-
Tech Fleece 3.0 привет мир Full-Zip
40.00$Add to cart- EUR: € 34.55
Showing 10–18 of 23 results
