Filter Product by Dimensions in WooCommerce

Step 1: Manage Dimensions in the Filter Widget Form

  1. Access Filter Settings:
    • Go to Product Filters > Form Manage in your WordPress dashboard.
  2. Show Dimensions:
    • In the settings, find the Dimensions option.
    • Toggle this option on or off to control whether the Dimensions filter appears in the widget.

Step 2: Style/Design/Customize the Dimensions Widget

  1. Access Form Style Settings:
    • Go to Product Filters > Form Style in your WordPress dashboard.
  2. Select Dimensions from Dropdown:
    • From the Select Attribute dropdown menu, choose the Dimensions

Optional Settings

The Optional Settings section allows you to control the appearance, behavior, and ordering of individual filter widgets.

Enable Minimization Option

Controls whether the filter widget can be collapsed.

  • Disabled – Filter always stays expanded
  • Enabled with Arrow – Toggle using an arrow icon
  • Enabled without Arrow – Toggle without showing an icon
  • Initially Minimized – Filter loads in collapsed state

Show in Active / Chips Filter Widget

Displays selected filter terms in the Active Filters or Chips widget for easy visibility and removal.

Show / Hide Widget Title

Controls the visibility of the filter title on the frontend.

  • Show – Display title
  • Hide – Hide title

Widget Title

Set a custom title for the filter widget.

Product Dimension Labels

These settings allow you to customize the labels displayed for product dimensions and weight in the filter.

Length (cm)

Set the label text for the product length field.

Width (cm)

Set the label text for the product width field.

Height (cm)

Set the label text for the product height field.

Weight (kg)

Set the label text for the product weight field.

Step 3: Save Changes

After customizing the category widget, make sure to click Save to apply your changes.

Step 4: Display the Product Filter on Your Webpage

  1. Insert Filter Shortcode:
    • Visit the page where you want to display the product filter.
    • Add the shortcode plugincy_filters to the desired location (e.g., in a page or widget).
  2. Optional Product Shortcode:
    • If you want to display products alongside the filters, you can also include the shortcode products.
  3. Customize Sidebar or Page:
    • You can add the filter shortcode to a sidebar widget or directly within a page’s content.

Once you have completed these steps, customers will be able to filter products by Dimensions on your webpage using the Dynamic AJAX Product Filters plugin. This filter is useful for stores selling physical goods where size and weight are important for product selection.