{"id":6744,"date":"2022-11-04T21:15:52","date_gmt":"2022-11-04T21:15:52","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=6744"},"modified":"2024-05-17T08:44:33","modified_gmt":"2024-05-17T08:44:33","slug":"how-to-customize-the-content-shown-in-the-search-results-using-jetsearch","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-customize-the-content-shown-in-the-search-results-using-jetsearch\/","title":{"rendered":"How to Customize the Content Shown in the Search Results"},"content":{"rendered":"
<\/svg><\/div>
Things to know<\/div>

The provided tutorial is based on the OnlyBooks<\/strong><\/a> dynamic template.<\/p><\/div><\/div>\n\n\n\n

Adjusting the Search Results Content in Elementor<\/h2>\n\n\n\n
\n

Open the page where you added the Ajax Search<\/strong><\/a> widget with the Elementor editor. For example, it can be a header template<\/strong><\/a>.<\/p>\n\n\n\n

\"page<\/a><\/div>\n\n\n\n

Place the Ajax Search<\/strong> widget, proceed to the Content<\/strong> tab, and unfold the Results Area<\/strong> section.<\/p>\n\n\n\n

\"results<\/a><\/div>\n\n\n\n

Now, we are going to explore each option in detail.<\/p>\n\n\n\n

Options for customization<\/h3>\n\n\n\n

If you install and activate the JetEngine<\/em><\/a> plugin, you can create a custom listing template<\/strong><\/a> to display search results. For this tutorial, we kept the Listing <\/strong>field empty to present how to customize the search results using only the Ajax Search<\/strong> widget settings.<\/p>\n\n\n\n

Firstly, you can set the Results Area Width<\/strong> and choose one of three available options:<\/p>\n\n\n\n