Live Filter – show filters on the left side of result (or vice versa)

There are 2 ways to do it:

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
  • Text field below the checkbox: col-md-4 col-sm-6
    To show filters on the right side, please use: col-md-4 col-sm-6 pull-right

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

B. With Content Views Pro before 5.8.4

If your theme has no Sidebar for a page, you can show filters in the left side, show result in the right side of a page with this code:

<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 in the right side, show result in 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 equal to 12.

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

Best regards,

Scroll to Top