WOOF not-widget

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!


show blocks helper

  
  

Product Categories toggle

My products tags toggle

  • Show more

The Locations (Hierarchy drop-down)

Sizes of clothes

  • 1 XXS
  • 3 XS
  • 5 S
  • 4 M
  • 7 L
  • 11 XL
  • 7 XXL
  • 2 XXXL

Product Collection

Product Collection

Colors of clothes toggle

  • Red (8)
    Example of the description for Red color

  • White (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)

Seasons (created with images)

  • Winter (4)

  • Spring (12)

  • Summer (11)

  • Autumn (10)

Product Tissue density range