jet-engine-listing-as-filter

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

jet-engine-listing-as-filter

★ 11 Open GitHub ↗

Allow to use JetEngine listing as filter for another listing

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# JetEngine - listing as filter
This plugin allows to use JetEngine listing as filter for another listing. Download and instal it as usual WordPress plugin.

# How to use

To use this plugin you need at least 2 listings on the page:
- **1st** - to use as filter.
- **2nd** - listing where you want to filter the data.

Go to the `Listing as Filter` section of 1st listing.

Enable this feature. Than you need to select actual filter which will be used as base. In this case filter mainly required to get the query settings for the filter - type of query and query variable. Please note - without selected filter this functionality will not work. Also note - for select, radio, checkboxes or any other filter types which allow to set options, these options will be ignored, Listing will use it's own query settings for render.

Set unique `Query ID` for 1st listing, than set the same Query ID as CSS ID for 2nd listing and as Query ID for JetEngine Query Builder query (if used)

This part is required to help JetSmartFilters plugin to understand what listing on the page should be filterable.

At the moment indication of selected items in the 1st listing you need to do manually, with help of CSS.To do this use `.jet-listing-grid__item[is-checked="1"]` as parent selector for items you want to change. Also for easier finding required items with CSS, will be better to add custom CSS class to the top level element of your listing item:

Example of such CSS

```CSS
.jet-listing-grid__item[is-checked="1"] .main-properties-container {
    border-color: #111;
}
```

jet-engine-listing-as-filter

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

jet-engine-listing-as-filter

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README