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

Product visibility toggle

  

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

Weight (meta field)

Length (meta field)

Height (meta field)

Width (meta field)

Product tags
Product tags Just tags!
toggle

Product Collection

Product Collection