We are using wpDataTables along with Powerful Filters for wpDataTables.
We have a table that has lists of cars with columns for Make, Model, Year, etc. In addition, we have the Cascade Filtering (Free/Independent) filters enabled. The filters are for Make, Model, and Year.
The table is on an interior page of the website. But we also wanted to display the filters (dropdowns) on the homepage of the website too. Then, when they filter and click "Search", it would direct them to the actual interior page with the table... with the results filtered by what they chose on the homepage.
Is this possible? Perhaps with some sort of function or jQuery? Basically, we need let the user choose the filters on the homepage, and when they click the Search button, it would then bring them to the page we chose (that has the table).
Sorry to disappoint you but unfortunately something like this is not possible with the plugin build in features at the moment and it require some code customization of the plugin.
We can offer you our paid customization service where you can hire one of our developers to implement this feature for you.
If you are interested please give us detailed instructions and we can send you quote for this service.
Ok I will send this request to my team and try to find a free developer to take a look at this but I can not guarantee if someone is available at the moment.
Thanks! In the future, it may be ideal to create a shortcode version that only outputs the Filters (and not the whole table), so that we can use the filters on one page, while the "Submit" then loads a chosen page with the actual results/table.
All is working well, it seems. Was just hoping for a less "hacky" way... particularly one where the entire table didn't need to be loaded into the DOM if it's not being displayed. :)
We are using wpDataTables along with Powerful Filters for wpDataTables.
We have a table that has lists of cars with columns for Make, Model, Year, etc. In addition, we have the Cascade Filtering (Free/Independent) filters enabled. The filters are for Make, Model, and Year.
The table is on an interior page of the website. But we also wanted to display the filters (dropdowns) on the homepage of the website too. Then, when they filter and click "Search", it would direct them to the actual interior page with the table... with the results filtered by what they chose on the homepage.
Is this possible? Perhaps with some sort of function or jQuery? Basically, we need let the user choose the filters on the homepage, and when they click the Search button, it would then bring them to the page we chose (that has the table).
Similar to how this website works: https://upullandpay.com/albuquerque/home
I'm not sure if it somehow checks the URL params? Since this link also does the same thing: https://upullandpay.com/albuquerque/search-inventory/?Make=BMW&Model=3%20Series
Hi FreshySites,
Thank you for your purchase.
Sorry to disappoint you but unfortunately something like this is not possible with the plugin build in features at the moment and it require some code customization of the plugin. We can offer you our paid customization service where you can hire one of our developers to implement this feature for you. If you are interested please give us detailed instructions and we can send you quote for this service.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi FreshySites,
Ok I will send this request to my team and try to find a free developer to take a look at this but I can not guarantee if someone is available at the moment.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thanks! In the future, it may be ideal to create a shortcode version that only outputs the Filters (and not the whole table), so that we can use the filters on one page, while the "Submit" then loads a chosen page with the actual results/table.
HI FreshySites,
We have a similar feature and that is to use button search and hide the table until you press the button. -link
The only difference is that it does not redirects you on some other page.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
HI FreshySites,
The main issue here is when using the cascade filtering.
When you select the filters on the first page , that filters are used as predefined values for the filters on the second page.
The main issue here is that the predefine values are not possible to use when the cascade filtering is turned on.
My team is discussing this to see if this is even possible to achieve at the moment and implemented as a customization.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Understood. For now, this is my current table setup: https://d.pr/free/i/0taUkC
Then am hiding the actual Table elements via CSS:
#home-car-picker .wpdt-c .wpDataTablesFilter ~ .wpDataTables.wpDataTablesWrapper {display: none !important;
}
Then, am overriding the Search click event with my own, via jQuery:
jQuery(document).ready(function () {jQuery('#wdt-pf-search-filters-button-block button').on('click', function(inventory_home){
$make = encodeURIComponent(jQuery('body.home .wpDataTableFilterSection .column-make button.dropdown-toggle').attr('title'));
$model = encodeURIComponent(jQuery('body.home .wpDataTableFilterSection .column-model button.dropdown-toggle').attr('title'));
inventory_home.preventDefault();
if ($make != "" && $model != "") {
window.location.href = window.location.origin + "/inventory/?wdt_column_filter[1]=" + $make + "&wdt_column_filter[2]=" + $model + "#inventory-table";
}
});
});
All is working well, it seems. Was just hoping for a less "hacky" way... particularly one where the entire table didn't need to be loaded into the DOM if it's not being displayed. :)