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
Spring (12)
Summer (11)
Winter (4)
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 1–9 of 23 results
-
T-shirt Woo Logo Red
Sale!10.00$7.00$Add to cart- EUR: € 6.05
-
Black Oversized American Flag T-Shirt
9.00$Add to cart- EUR: € 7.77
-
Fluro Jacquard Skater Dress
Sale!15.00$12.00$Add to cart- EUR: € 10.36
-
T-shirt Premium Quality
15.00$Add to cart- EUR: € 12.95
-
Glamorous Shift Shirt Dress with Scallop Collar in Feather Print
15.00$Add to cart- EUR: € 12.95
-
T-shirt Happy Ninja
18.00$Read more- EUR: € 15.55
-
Charcoal semi-plain slim fit trouser
Sale!30.00$20.00$Add to cart- EUR: € 17.27
-
T-shirt Ship Your Idea
20.00$Select options- EUR: € 17.27
-
T-shirt Woo Ninja
20.00$Read more- EUR: € 17.27
Showing 1–9 of 23 results