Skip to main content

WP: 3. Custom Search Results With Search and Filter Pro Plugin In Wordpress

Did you stuck in customizing the Search Results of the Plugin "Search and Filter Pro"? Well, Here is a good news for you I can save you a lot of effort and timing for the research you are going to do on this. Just follow the steps and you are done for the day, It's that easy.

Step 1: Download and Install the Plugin "Search and Filter Pro"

Step 2: Create a form for the post or custom post by just drag and drop.

Step 3: In the Settings box, under the Display Results tab select “Using a Shortcode” 

Step3: Once done creating the form, Paste the shortcodes for the form and results on your page or template.

Step4: Copy the Full URL of this page from the address bar and paste into the the S&F form, in the Results URL option and update (this can be found in the Display Results tab).

Customizing the Results

Step1: Override the plugin template by just creating a folder(search-filter)in your current theme.

Step2: Make a File(results.php) inside the search-filter folder and paste the following code.

<?php
if ( $query->have_posts() )
{
?>
 <div class="faq-grid" >
<?php
while ($query->have_posts())
{
$query->the_post();
?>
<h3 class="accordion-toggle"><span>01.</span><?php the_title(); ?> </h3>
<div class="accordion-content"><?php the_content(); ?></div>
<?php
}
?>
 </div>
<?php
}
else
{
echo "No Results Found";
}
?>
Now Cheers !😊

Note:- It's a basic template you can customize it more by adding pagination and etc. I have keep it simple to kick this thing get started for you.

Labels:

Comments

Post a Comment

Popular posts from this blog

C: 10. Array

 An array is defined as the collection of similar type of data items stored at contiguous memory locations. For example, if we want to store the marks of a student in 6 subjects, then we don't need to define different variables for the marks in the different subject. Instead of that, we can define an array which can store the marks in each subject at the contiguous memory locations. An array index starts with 0. Syntax:- data_type array_name[array_size];   int marks[5];     Example:- #include<stdio.h>   int main(){       int i=0;     int marks[5];//declaration of array        marks[0]=80;//initialization of array     marks[1]=60;     marks[2]=70;     marks[3]=85;     marks[4]=75;     //traversal of array     for(i=0;i<5;i++){       printf("%d \n",marks[i]);   ...
Post a Comment
Read more

Py: 2. Python Fundamentals

 Variable:-  Variable is a name that is used to refer to memory location. In Python, we don't need to specify the type of variable because Python is smart enough to get variable type.  Variable names can be any length can have uppercase, lowercase (A to Z, a to z), the digit (0-9), and underscore character(_). Syntax:-  num= 345 name= "mohit" Variable Types:- Number (Int, Float) Sting Boolean Get the Type of the variable:- x = 5 y = "John" print(type(x)) print(type(y)) Output:-  <class 'int'> <class 'str'> Operators:-  The operator can be defined as a symbol which is responsible for a particular operation between two operands. Python provides a variety of operators, which are described as follows. Arithmetic Operators:-  Assume variable a holds 10 and variable b holds 20, then − + Addition Adds values on either side of the operator. a + b = 30 - Subtraction Subtracts right hand operand from left hand operand. a – b = -10 * Multiplicat...
Post a Comment
Read more

JS: Cheatsheet

   Datatypes Difference Between Var, Let and Const Functions and its types Asynchronous operations in JS
3 comments
Read more