Documentation
HomeForumHelp
  • About Cwicly
  • Beginner's Guide
    • Install Cwicly
    • Getting Started
      • Overview
      • Settings
    • Edit and Manage your Site
    • The WordPress Dashboard
    • The Dashboard Menu
    • Site Editor
    • Create your Front Page
      • Front Page
      • Header
        • Header Template Part
        • Structure
      • Footer
        • Footer Template Part
        • Structure
  • ⚡Cwicly
    • Block ID
    • Breakpoints
    • Class
      • Global/Block Classes
    • Cloud Design Library
      • Create an Account
      • Overview of the Cloud Dashboard
      • Editor: Cloud Library
        • Access from the Editor
        • Add a Library
        • Switch between Libraries
        • Default Library
        • Download Library
        • Remove Library
        • Categories
          • All
          • Popular
          • Button
          • Composition
          • Decorative
          • Interactive
          • Layout
          • Media
          • Menu
          • Social
      • Design Blocks: Cloud Library
        • Search for a Design Block
        • Refresh
        • Add Design Block
        • Save Design to Library
        • Remove Design Block
      • Library Globals
        • Library: Global Styles
          • Library: Add Styles
          • Installation: Add Styles
          • Library: Style Settings
        • Library: Global Classes
          • Library: Add Classes
          • Installation: Add Classes
          • Library: Class Settings
        • Library: Global Stylesheets
          • Library: Add Stylesheet
          • Installation: Add Stylesheet
          • Library: Stylesheet Settings
        • Library: External Classes
          • Library: Add External Classes
          • Installation: Add External Classes
          • Library: External Classes Settings
      • Community Library
        • Save to Community Library
        • Download from Community Library
        • Remove from Community Library
        • Set Community as default
    • Colour Picker
      • Gradient Builder
    • Components
      • Components Library
      • Components Folders
      • Settings
      • Component Properties Modal
      • Properties (Add)
        • Text Property
        • Rich Text Property
        • List Property
        • Link Property
        • Image Property
        • Gallery Property
        • Video Property
        • Icon Property
        • Colour Property
        • Toggle Property
        • Number Property
        • Class Property
        • ID Property
        • Options Property
        • Conditions Property
        • Visibility Property
        • CSS Text Property
    • Copy/Paste
      • Block Styles
      • Classes & IDs
      • Dynamic Preview
      • Global Styles
      • Global Classes & Stylesheets
      • Blocks
    • CSS Grid
    • Dynamic Inserter
    • Font Manager
    • Navigator
    • Quick Inserter
    • Scaling
    • Smart Inserter
    • Span
    • Tag
  • ⛵Tailwind
    • Getting Started
      • About
      • Activate
      • Copy/Paste
      • Enable editing mode
      • Apply a Class
      • Pseudo state Management
      • Automatically Sync
        • Breakpoints
        • Colours
      • Shells
      • Custom Tailwind Configuration
      • Import Tailwind Plugins
  • 🖌️Themer
    • Themer
      • Templates
      • Parts
      • Fragments
    • Role Editor
      • User Role
      • Gutenberg Editor
      • Global Block Behaviour
      • Block Toolbar
      • Miscellaneous
      • Components
      • Code Block
      • Blocks
      • Post Types
      • Force iFrame
      • Client Canvas View
      • Help
      • User
  • 🌐Global Styles
    • Global Styles
      • Global Colours
        • Folders
        • Colour tab
        • Palette tab
        • Modifiers tab
          • Opacity
          • Lighten
          • Darken
          • Saturate
          • Desaturate
          • Spin
      • Dark Mode
      • Global Gradients
      • Global Typography
      • Global Block Typography
      • Theme Elements
      • Global Settings
        • Defaults
        • Backend
      • Remove Gutenberg Global Styles
    • Global Classes & Stylesheets
      • Global Classes
      • Global Stylesheets
      • External Classes
  • 🎨Design
    • Background
      • Background Colors
      • Background Source
      • Sizing & Positioning
      • Styling
    • Typography
      • Typography
      • Rem conversion
      • Global Typography
      • Text Align
      • Font Family
      • Font Size
      • Font Weight
      • Spacing
      • Line Height
      • Style
      • Decoration
      • Transform
      • White Space
      • Overflow Wrap
      • Word Break
      • Word Spacing
      • Axes
      • Text Colour
      • Link Colour
    • Fluid Values
    • Layout
      • Display
      • Visual
      • Position
    • Sizing
      • Height
      • Width
    • Margin & Padding
    • Borders
      • Border
      • Shadows
      • Outline
    • Effects
      • General
      • Transitions
      • Animations
      • Filters
      • Text Shadow
      • Tilter
      • Separators
    • Transforms
    • Pseudo Classes/Elements
    • Relative Styling
  • 🎓Advanced
    • Custom CSS
    • Quick Code
    • Scrolling
      • Animate On Scroll
      • Scroll Direction
    • Attributes
    • Tooltip
      • Source
      • Theme
        • Custom Theme
  • 👆Interactions
    • Visibility Conditions
      • Blocks
      • Themer
    • Link
      • Link Source
      • Link Action
    • Interactions
      • Trigger
      • Actions
    • Hover Animation
    • Dynamic Slider
      • Settings Tab
  • 🖥️Editor
    • Inserter Panel
    • Quick Insert
    • Block Inspector
    • Primary Tab
    • Design Tab
    • Advanced Tab
    • Responsive Selector
  • 🔧Blocks
    • Accordions
    • Accordion
      • Basics
      • Settings
      • Colours
      • Layout
      • Typography
      • Margin and Padding
    • Button
      • Add
      • Icon
    • Code
      • Enable/Disable
      • Add
      • Languages
      • Settings
    • Columns
      • Basics
      • Add
      • Settings
      • Grid Editor
        • Auto Grid
        • Auto Template
    • Column
    • Container
    • Div
    • Filter
      • Basics
      • Filter Editor
      • Create a Filter
      • Style a Filter (example)
    • Fragment
    • Gallery
      • Filter
      • Source
      • Settings
      • Text
      • Image Style
    • Heading
    • Hook
    • Icon
    • Image
      • Source
      • Size
      • Settings
      • Hover Animation
    • Input
      • Input Settings
    • List
      • List Types
      • Settings
      • Icon
    • Maps
      • Settings
      • Size
      • Style
      • Overlay Layout
      • Colours
    • Menu
      • Settings
      • Main Menu
      • Sub Menu
      • Items
    • Modal
      • Modal Style
      • Settings
      • Trigger
      • Animation
    • Nav
      • Nav Block Settings and Styles
      • Nav Items Block
      • Nav Dropdown Block
      • Nav Link
      • Custom Dropdown Block
      • Nav Menu
    • Post Content
    • Paragraph
    • Popover
    • Query
      • Query Settings
      • Query Editor
        • Posts
        • Terms
        • Users
        • Comments
    • Query Template
      • Layout
      • Grid editor
    • Repeater
      • Nested Repeater
    • Section
    • Slider
      • Settings
      • Navigation
      • Dots
    • Slide
    • Styler
    • SVG Block
    • Tab List
      • Tab
    • Tab Contents
      • Tab Content
    • Taxonomy Terms
    • Video
      • Source
      • Settings
      • Div Overlay
  • ⚙️Settings
    • Settings
    • License
    • Icon Collections
    • Font Sets
    • Google Maps API
    • Advanced Settings
    • Regeneration
    • WooCommerce
  • 🛒WooCommerce
    • Archive Page
    • Attributes
      • Colour Type
      • Image Type
    • Cart
    • Product Variations
    • Create a Product Type
      • Simple
      • Variable
        • Create Attributes
      • Grouped
      • External
    • Build a Single Product Page
    • Dynamic Content
    • Link
  • 🗃️Miscellaneous
    • Blocks Specifics
    • Icon Selector
    • Trailing Slash
    • Units
      • Default Units
    • Code Snippets
    • Shortcuts
    • Actions
    • Filters
    • Browser Console
  • 🔗Resources
    • Changelog
    • Roadmap
    • Forum
Powered by GitBook
On this page
  • Open
  • Query ID
  • Target
  • Filter Type
  • Data Source
  • Count Items
  • Show in Selection
  • Selection Prefix
  • Selection Suffix
  • Taxonomy
  • Data Source
  • Data Type
  • Taxonomy(ies)
  • Parent
  • Select
  • Reset
  • Include
  • Select
  • Reset
  • Exclude
  • Select
  • Reset
  • Order by
  • Order by
  • Select
  • Reset
  • Order
  • Select
  • Use Field
  • Add
  • Childless
  • Toggle
  • Hide Empty
  • Toggle

Was this helpful?

  1. Blocks
  2. Filter

Filter Editor

Last updated 1 year ago

Was this helpful?

The Filter Editor allows you to construct and modify a filter for a Wordpress Query by Target (colour, size, etc), Filter Type, Data Source, Data Type.

Open

  • Select filter block.

  • Open the Block Inspector.

  • Navigate to the Primary tab.

  • Find the Filter Editor.

  • Click to open the Filter Modal.

Query ID

The Query ID allows you to specify the identity of the Query you wish to filter.

You can find the ID of the Query you wish to filter by opening the Query Editor and locating the Query ID.

  • Find Query ID.

  • Input required Query ID.

Target

The Target uses the URL parameter that you have specified for the specific parameter you want to filter inside the query, for example colour, size, tags, categories.

  • Find Target.

  • Input required parameter (colour, size, tags, categories).

Filter Type

The Filter Type property allows you to select the type of filter you wish to apply to your query. These may be general, for example select, custom, button single, button multiple or specific, for example user selection, clear selection, range selection.

select: normal imput.

custom: for input blocks (currently).

button single: any type of block can be inserted inside, but there is a wrapper that triggers the filtering on user interaction.

button multiple: any type of blocks can be inserted inside, but there is a wrapper that triggers the filtering on user interaction.

user selection: adds a dynamic block and sets user selection.

clear selection: resets the specific query filtering back to the original query.

range selection: allows you to use a range slider for pricing etc or number of products.

  • Find Filter Type dropdown.

  • Select required filter type.

Data Source

The Data Source property allows you to choose the Source you wish to use, such as Static, Dynamic and User Input.

  • Find Data Source dropdown.

  • Select Static, Dynamic or User Input as required.

Count Items

The Count Items property allows you to count the number of items in your filtered selection.

Count Items can be toggled on or off.

  • Find Count Items.

  • Toggle on/off as required.

Show in Selection

When the “show in selection” property is toggled, it displays the items that the user has selected in the filter.

This option is typically used in conjunction with the “user selection” filter type.

Once the user selects a filter item, it will appear in their selection, which is displayed through the “show in selection” option.

In summary, the “show in selection” property allows the user to view the items they have selected in the filter, and it works alongside the “user selection” filter type to achieve this functionality.

  • Find Show in Selection.

  • Toggle as required.

Selection Prefix

The Selection Prefix property allows you to add a prefix to your filter, for example 'from...', 'only...' .

  • Find Selection Prefix.

  • Input required prefix.

Selection Suffix

The Selection Suffix property allows you to add a Suffix to your filter, for example '...tax free' .

  • Find Selection Suffix.

  • Input required Suffix.

Taxonomy

The Taxonomy property allows you to refine the parameters you select to determine your filter. This includes taxonomy, parent, include, exclude, order by, order, use field. You can also toggle whether it should be childless or not, and whether to hide empty or not.

The Taxonomy property can be selected when Dynamic is selected as the Data Source.

This will open a modal with a number of different parameters including: Taxonomy, Parent, Include, Exclude, Order by, Order, Use field, Childless, Hide Empty.

Data Source

  • Set Data Source to Dynamic in the dropdown.

Data Type

  • Set Data Type to Taxonomy.

Taxonomy(ies)

The Taxonomy parameter allows you flexibility over the taxonomy parameters you would like to include in your filter.

  • Find Taxonomy.

  • Select required parameter(s).

Parent

The Parent parameter allows you to select the parameters you want to select as parents.

Select

  • Find Parent.

  • Select required parameter(s).

Reset

  • Find Parent .

  • Click dot to reset.

Include

The Include parameter allows you to include selected taxonomies or terms.

Select

  • Find Include.

  • Select terms or taxonomies to include.

Reset

  • Find Include.

  • Click dot to reset.

Exclude

The Exclude parameter allows you to exclude selected taxonomies or terms.

Select

  • Find Exclude.

  • Select terms or taxonomies to exclude.

Reset

  • Find exclude.

  • Click dot to reset.

Order by

The Include parameter allows you to filter by a specific parameter. These include: Term Name, Term Slug, Term Group, Term ID, Term Description, Term Parent, Term Count, Meta Value, Numeric Meta Value, None.

Order by

Term Name: order by a specific name.

Term Slug: order by the part of the URL that explains the content.

Term Group: order by a set of terms that all share common requirements.

Term ID: order by the ID of a term in the terms table.

Term Description: order by the description of a given term.

Term Parent: order by the parent of the term.

Term Count: order by term count.

Meta Value: order by meta value.

Numeric Value: order by numeric value.

None

Select

  • Find Order By.

  • Select terms or taxonomies to include.

Reset

  • Find Order by.

  • Click dot to reset.

Order

The Order parameter allows you to select the order of your filter, Descending or Ascending.

Select

  • Find Order.

  • Select Descending or Ascending.

Use Field

The Use Field parameter allows you to add custom fields to your filter, including: Count, Description, Name, Term ID, Slug, Taxonomy, Term taxonomy ID.

Add

  • Find Use Field.

  • Select fields to add (Count, Description, Name, Term ID, Slug, Taxonomy, Term taxonomy ID).

Childless

The Use Field parameter allows you to return a taxonomy that has no children. It can be toggled on or off.

Toggle

  • Find Childless.

  • Toggle as required.

Hide Empty

The Hide Empty parameter allows you to hide empty categories. It can be toggled on or off.

Toggle

  • Find Hide Empty.

  • Toggle as required.

🔧