This was really challenging task as view incorporates with the filters you reset the filter using the custom javascript code you added. The view filters are cleaned as you reset the filters to default options.
// Clear filter fields when searching from the homepage
jQuery('input[type="text"][name="wpv_post_search"]').val('');
jQuery('select[name="car_year"]').val('').trigger('change');
jQuery('select[name="car_make"]').val('').trigger('change');
jQuery('select[name="car_model"]').val('').trigger('change');
jQuery(document).on(' js_event_wpv_parametric_search_triggered', function(event,data){
if(data.update_results == false){
let formSelects = jQuery('.keys-search__filter form.wpv-filter-form select');
formSelects.each(function(){
jQuery(this).css({'pointer-events': 'none', 'opacity': '.4'});
console.log('changed');
})
}
})
//Clear the filter fields after the search is updated from the search page
jQuery(document).ready( function(event, data) {
jQuery('input[type="text"][name="wpv-post-search"]').val('');
jQuery('select[name="car_model"]').val('').change();
jQuery('select[name="car_make"]').val('').change();
jQuery('select[name="car_year"]').val('').change();
});
==============================================
var urlParam = function(name){
var url = window.location.href;
if(url.includes(name)){
var param = new RegExp('[\?&]' + name + '=([^&#]*)').exec(url),
results = param[1];
}else{
var results = null;
}
return results;
}
function wst_add_key(key,vin,type) {
var form_input = jQuery('#input_3_1'),
current_value = form_input.val();
if(urlParam('car_year')!== null){
var year = urlParam('car_year');
}else{
var year = '';
}
if(urlParam('car_make')!== null){
var make = urlParam('car_make');
}else{
var make = '';
}
if(urlParam('car_model') !== null){
var model = urlParam('car_model');
}else{
var model = '';
}
//console.log('year param ' + year);
//console.log('make param ' + make);
//console.log('model param ' + model);
if(current_value == 0){
form_input.val(key + ' | ' + vin + ' | ' + year + ' ' + make + ' ' + model + ' | ' + type);
}else{
form_input.val(current_value + ', ' + key + ' | ' + vin + ' | ' + year + ' ' + make + ' ' + model + ' | ' + type);
}
}
jQuery('.add_key_btn').on('click', function(){
var btn_data = jQuery(this).data('key'),
key_type = jQuery(this).data('key-type'),
errorMsg = jQuery(this).siblings('.vin-error'),
vin_input = jQuery(this).siblings('.vin-num-input'),
vin_val = vin_input.val();
if(!vin_val){
errorMsg.addClass('active');
}else if(vin_val){
wst_add_key(btn_data,vin_val,key_type);
if(errorMsg.hasClass('active')){
errorMsg.removeClass('active');
}
vin_input.val('');
jQuery('.btn.wpv-reset-trigger').trigger('click');
}
})
// After AJAX re init the event listener
jQuery( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
jQuery('.add_key_btn').on('click', function(){
var btn_data = jQuery(this).data('key'),
key_type = jQuery(this).data('key-type'),
errorMsg = jQuery(this).siblings('.vin-error'),
vin_input = jQuery(this).siblings('.vin-num-input'),
vin_val = vin_input.val();
if(!vin_val){
errorMsg.addClass('active');
}else if(vin_val){
wst_add_key(btn_data,vin_val,key_type);
if(errorMsg.hasClass('active')){
errorMsg.removeClass('active');
}
vin_input.val('');
jQuery('.btn.wpv-reset-trigger').trigger('click');
}
})
});
jQuery(document).on('js_event_wpv_parametric_search_results_updated', function (event, data) {
let removeThis = jQuery('#lightbox .tb-lb-dataContainer'),
moveClose = jQuery('#lightbox .tb-lb-dataContainer .lb-data .lb-closeContainer');
if(moveClose.length > 0){
jQuery('#lightbox .lb-dataContainer .lb-data').append(moveClose[0]);
}
removeThis.remove();
jQuery('.add_key_btn').on('click', function(){
var btn_data = jQuery(this).data('key'),
key_type = jQuery(this).data('key-type'),
errorMsg = jQuery(this).siblings('.vin-error'),
vin_input = jQuery(this).siblings('.vin-num-input'),
vin_val = vin_input.val();
if(!vin_val){
errorMsg.addClass('active');
}else if(vin_val){
wst_add_key(btn_data,vin_val,key_type);
if(errorMsg.hasClass('active')){
errorMsg.removeClass('active');
}
vin_input.val('');
//jQuery('.btn.wpv-reset-trigger').trigger('click');
}
})
});
To make this works I've added the following filter hook "wpv_filter_query" to "Custom Code" section offered by Toolseat:
add_filter('wpv_filter_query', 'func_add_missing_url_params', 99, 3);
function func_add_missing_url_params($query_args, $setting,$view_id) {
if($view_id == 7539) {
if($query_args['paged']==1 and isset($_GET['wpv_view_count'])) {
if(isset($_GET['wpv_post_search']) and !empty($_GET['wpv_post_search'])){
if(!isset($_COOKIE["wpv_post_search"])) {
setcookie("wpv_post_search", $_GET['wpv_post_search'], time() + (86400 * 30), "/");
}else{
$_COOKIE["wpv_post_search"]=$_GET['wpv_post_search'];
}
}else if(isset($_GET['car_year']) and !empty($_GET['car_year'])){
if(!isset($_COOKIE["wpv_post_search"])) {
setcookie("car_year", $_GET['car_year'], time() + (86400 * 30), "/");
}else{
$_COOKIE["car_year"]=$_GET['car_year'];
}
}else if(isset($_GET['car_make']) and !empty($_GET['car_make'])){
if(!isset($_COOKIE["car_make"])) {
setcookie("car_make", $_GET['car_make'], time() + (86400 * 30), "/");
}else{
$_COOKIE["car_make"]=$_GET['car_make'];
}
}else if(isset($_GET['car_model']) and !empty($_GET['car_model'])){
if(!isset($_COOKIE["car_model"])) {
setcookie("car_model", $_GET['car_model'], time() + (86400 * 30), "/");
}else{
$_COOKIE["car_model"]=$_GET['car_model'];
}
}
}else {
if( (
(isset($_COOKIE['wpv_post_search']) and !empty($_COOKIE['wpv_post_search']))
or (isset($_COOKIE['car_year']) and !empty($_COOKIE['car_year']))
or (isset($_COOKIE['car_make']) and !empty($_COOKIE['car_make']))
or (isset($_COOKIE['car_model']) and !empty($_COOKIE['car_model']))
) and (isset($_GET['wpv_view_count']) and $query_args['paged']>1 ) ) {
$query_args['meta_query'] = array();
if(!empty($_COOKIE['wpv_post_search'])){
$query_args['s'] = $_COOKIE['wpv_post_search'];
}else if(!empty($_COOKIE['car_year'])){
$query_args['meta_query'][] = array('key'=>'car_year',
'value'=> $_COOKIE['car_year'],
'type'=>'CHAR',
'compare'=>'=');
}else if(!empty($_COOKIE['car_make'])){
$query_args['meta_query'][] = array('key'=>'car_make',
'value'=>$_COOKIE['car_make'],
'type'=>'CHAR',
'compare'=>'=');
}else if(!empty($_COOKIE['car_model'])){
$query_args['meta_query'][] = array('key'=>'car_model',
'value'=>$_COOKIE['car_model'],
'type'=>'CHAR',
'compare'=>'=');
}
}
}
}
return $query_args;
}
Please note that you will have to compromise with the pagination method. Above code will work only with option "Pagination enabled with manual transition and page reload" set under "Pagination and Slider" settings.
Can you please confirm it works as expected now:
- hidden link
