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

Product Color

  • Black (4)
    Hello! I am description …

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

Tags toggle

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 Tissue density range

Weight (meta field)

Length (meta field)

Height (meta field)

Width (meta field)

Product tags toggle

Product Collection

Product Collection