To call a custom Javascript action/function whenever selecting/changing any filter, please use this Javascript code:

$('body').on('pt-cv-pagination-finished', function() {
    // add your JS code below
});

(you can add this code to the Custom JS field in Content Views >> Settings page, or another place you know)

Best regards,

window.cvp_lf_reload_url = false;

Best regards,

The main differences between Shuffle Filter and Live Filter:

A. With Content Views Pro since 5.8.4

In the “Style Settings” tab, please select the checkbox Wrap live filters to a div,
then enter value for 2 text fields as below:

• HTML Class For View: col-md-8 col-sm-6
  (To show it wider, please use col-md-9 col-sm-6)
• Text field below the Live Filters checkbox: col-md-4 col-sm-6
  (To show it narrower, please use col-md-3 col-sm-6)

  To show filters on the right side, please use: col-md-4 col-sm-6 pull-right

To change the width of each side, please change the value col-md-8 and col-md-4 (the sum of numbers must be 12).

The col-sm-6 value helps to show filters on the side of result on Tablet devices.
To show filters above result on Tablet devices, please remove this value.

To show filters on the side of results on Mobile devices, please add col-xs-6 to both elements.

B. With Content Views Pro before 5.8.4

For older Content Views Pro version, you can show filters on the left side and result on the right side with this code:

Notice: when using this solution, the page will be reloaded when selecting or changing the filter option.

<div class="pt-cv-wrapper">
	<div class="row">
		<div class="col-md-4 col-sm-6">
			[pt_view id="VIEW_ID" show="filter"]
		</div>
		<div class="col-md-8 col-sm-6">
			[pt_view id="VIEW_ID" show="result"]
		</div>
	</div>
</div>

You can switch positions of shortcodes to show filters on the right side, result on the left side.
To change the width of each side, please change the col-md-4 and col-md-8 (the sum of numbers must be 12).

Best regards,

// Content Views Pro - Use dropdown for Live Filter on mobile devices. @since > 5.6.0.2
add_filter( 'pt_cv_lf_type', 'cvp_theme_lf_type_mobile', 100, 2 );
function cvp_theme_lf_type_mobile( $args, $name ) {
	global $pt_cv_id;
	
	/* To apply for all live filter views, replace below code with
	$applied = true;
	 */
	$applied = in_array( $pt_cv_id, array( 'VIEW_ID_1', 'VIEW_ID_2', 'VIEW_ID_3', 'VIEW_ID_4', 'VIEW_ID_5' ) );

	if ( $applied && $args != 'search_field' && PT_CV_Functions_Pro::check_device( 'mobile' ) ) {
		$args = 'dropdown';
	}
	return $args;
}

(please replace VIEW_ID_1, VIEW_ID_2, … with ID of your Views)

Best regards,

Best regards,

To do that, Please add this code to Custom CSS field (the left textarea) in Content Views >> Settings page:

/* Live Filter – custom style for the checkbox type */
.cvp-live-filter.cvp-checkbox {
    min-width: 250px;
}

.cvp-live-filter.cvp-checkbox .cvp-label {
    font-size: 20px !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    background-color: #00aeef !important;
    display: block;
    margin-right: 0;
    padding: 10px;
}

.cvp-live-filter.cvp-checkbox .checkbox {
    border-bottom: 1px solid #f3f3f3 !important;
    padding: 5px 0px;
    color: red;
}

Best regards,

1. To disable Live Filter, please uncheck the “Show as filters to visitors” checkbox under Filter Settings >> Advance >> Filter by Taxonomy

2. To enable Shuffle filter, please select the top checkbox in “Shuffle Filter” tab

Best regards,

.cvp-live-submit {
    display: none !important;
}

To hide the Reset button, please use this CSS:

.cvp-live-reset {
    display: none !important;
}

You can add above code to Custom CSS field (the left textarea) in Content Views >> Settings page.

Best regards,

By default, the results are loaded on changing a filter option (select an option from dropdown, select a checkbox, select an option…)

To disable that behavior, and only loading results on click the “Submit” button, please add this code to Custom JS field (the right textarea) in Content Views >> Settings page:

/*Live Filter - disable loading results on changing filter option*/
var cvp_lf_loadonsubmit=function(){$("input, select",".cvp-live-filter").each(function(){$(this).data("nosubmit",!0)})};cvp_lf_loadonsubmit(),$("body").on("pt-cv-pagination-finished",function(){cvp_lf_loadonsubmit()});

(to show the Submit button, please check this document)

Best regards,