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.

Comments

WP: 8. Dynamically show post taxonomies and their data in tab format [Solved]

Today I ran into a problem, I need to dynamically show post taxonomies and their data in tab format and found this solution. And nonetheless, It's better to fix the thing with some bunch of code rather than uploading one more bulky plugin on your website that will end up making your site heavy. Just follow the steps below and avoid heading up into any malicious or bulky plugin for this particular problem from now on forever. Step 1: Get the taxonomies terms first <?php $terms = get_terms( array( 'taxonomy' => 'off_plan_categories', 'hide_empty' => true, ) ); // echo '<pre>'; // print_r($terms); // die; ?> Step 2: Execute loop first for tab navigation <nav id="offPlanPropertyTabs" class="offplan-property-type-tabs nav nav-tabs"> <?php foreach($terms as $key => $term): ?> <button class="nav-item nav-link <?php if($key==0): ?> active <?php en

JS: Cheatsheet

Datatypes Difference Between Var, Let and Const Functions and its types Asynchronous operations in JS

C++: 9. File Handling

Files are used to store data in a storage device permanently. File handling provides a mechanism to store the output of a program in a file and perform various operations on it. Example of opening/creating a file #include<iostream> #include<fstream> using namespace std; int main() { fstream new_file; new_file.open("new_file",ios::out); if(!new_file) { cout<<"File creation failed"; } else { cout<<"New file created"; new_file.close(); // Step 4: Closing file } return 0; } Writing to a File #include <iostream> #include <fstream> using namespace std; int main() { fstream new_file; new_file.open("new_file_write.txt",ios::out); if(!new_file) { cout<<"File creation failed"; } else { cout<<"New file created"; new_file<<"Learning File handling"; //Writing to file new_file.close();

Coding Archives

Search This Blog