{"id":5796,"date":"2022-03-28T05:30:00","date_gmt":"2022-03-28T05:30:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=5796"},"modified":"2024-09-18T15:31:16","modified_gmt":"2024-09-18T15:31:16","slug":"how-to-create-an-archive-template-to-display-the-search-results","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-create-an-archive-template-to-display-the-search-results\/","title":{"rendered":"How to Create an Archive Template to Display the Search Results"},"content":{"rendered":"\n

Archive templates are intended for displaying sorted, filtered, or searched dynamic content as Custom Post Types <\/strong>(CPT<\/strong>)<\/a>, groups of categories, posts, tags, terms, and more. Therefore, archive templates are widely used in online shops, particularly for displaying WooCommerce<\/em> products.\u00a0<\/p>\n\n\n\n

This tutorial explains how to create an archive page for the search results with JetThemeCore<\/em>.<\/p>\n\n\n\n

Create an Archive Page Template and Set the Conditions<\/strong><\/h2>\n\n\n\n
\n

To create an archive template, navigate to the WordPress Dashboard > Crocoblock > Theme Builder<\/em><\/strong>.\u00a0<\/p>\n\n\n\n

Hit the \u201cCreate new page template<\/strong>\u201d button to create a page template with the header, body, and footer.<\/p>\n\n\n\n

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

After that, the Create page template <\/strong>pop-up will be opened.<\/p>\n\n\n\n

Click the \u201cAdd Condition<\/strong>\u201d button to add a new condition for the current page template.<\/p>\n\n\n\n

Select the \u201cInclude,\u201d \u201cArchive,\u201d and \u201cSearch Results\u201d options in the presented dropdown menus. Then, click the \u201cCreate<\/strong>\u201d button.<\/p>\n\n\n\n

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

In the new template card, complete the name of the template and click on the \u201cAdd body<\/strong>\u201d template.<\/p>\n\n\n\n

Then, you should press either the \u201cCreate template<\/strong>\u201d button to build a new template or the \u201cAdd from library<\/strong>\u201d button to select the template you have already built.<\/p>\n\n\n\n

We now hit the \u201cCreate template<\/strong>\u201d button to create a template from scratch.<\/p>\n\n\n\n

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

In the opened pop-up, complete the predefined settings.<\/p>\n\n\n\n

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