{"id":4478,"date":"2022-05-31T10:00:00","date_gmt":"2022-05-31T10:00:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=4478"},"modified":"2023-03-09T14:57:40","modified_gmt":"2023-03-09T14:57:40","slug":"woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/","title":{"rendered":"How to Create a Custom Categories Archive Template"},"content":{"rendered":"\n<p><em>WooCommerce<\/em> is an open-source plugin for WordPress which helps you create and sell anything you like, from actual products to services and digital items. The <em>JetWooBuilder<\/em> plugin makes the process of creating WooCommerce templates much more effortless.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-display-categories-on-the-shop-page\"><strong><strong>How to Display Categories on the Shop Page<\/strong><\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Once you\u2019ve created several products, you\u2019re usually good to go. But what if you have too many products to display at once, and you want to display the product categories instead of the actual products? Thus, you enable the visitors to click the specific category and access the goods that belong to it.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/shop-page-with-categories-1.png\" alt=\"categories on the shop page\">\n\n\n\n<p>Styling up the product categories might be a complicated task requiring some coding skills. Yet, you can work with Elementor to create the WooCommerce <strong>Category Item<\/strong> template using this page builder with the <em>JetWooBuilder<\/em> plugin.<\/p>\n\n\n\n<p>If you still don\u2019t have the categories assigned to products, create them. Go to <strong><em>Products &gt; Categories<\/em><\/strong>, fill in the <strong>Add new category <\/strong>section name and descriptions, and provide the thumbnail images representing the category to the visitors.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/add-new-category-1-1.png\" alt=\"product categories\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-category-item-template\">Create a Category Item Template<\/h3>\n\n\n\n<p>Firstly, go to the <strong><em>Crocoblock &gt; Woo Page Builder<\/em><\/strong> tab in the WordPress Dashboard and click the \u201c<strong>Add New Template<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/jetwoobuilder-template-1.png\" alt=\"jetwoobuilder templates\"\n\n\n\n<p>Set the <strong>Category Item<\/strong> and provide a title in the corresponding field at the <strong>Add Template<\/strong> screen.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/category-item-1.png\" alt=\"add category item template\">\n\n\n\n<p>You can select one of the ready-to-use layouts to start.<\/p>\n\n\n\n<p>Click the \u201c<strong>Create Template<\/strong>\u201d button in the same window to proceed to the Elementor page builder. Here feel free to use such widgets as <strong>Title<\/strong>,<strong> Thumbnail<\/strong>, <strong>Des\u0441ription<\/strong>, and <strong>Count<\/strong>, which are made specifically for <strong>Category Archive<\/strong> templates and have extensive stylization settings. Mix and match them to get the desired category layout.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">You can enable needed widgets for the <strong>Archive Category<\/strong> template in the WP Dashboard in the <strong><em>Crocoblock &gt; JetPlugins Settings &gt; JetWooBuilder &gt; Widgets &gt; Archive Category Widgets<\/em><\/strong> section.<\/p><\/div><\/div>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/archieve-category-widgets-1.png\" alt=\"archive category widgets\">\n\n\n\n<p>Navigate to the <strong>Template Settings<\/strong> tab of the <strong>Jet Woo Category Template Settings<\/strong>. The <strong>Template Settings<\/strong> tab:<\/p>\n\n\n\n<ul>\n<li>&nbsp;enables the <strong>Custom Columns Counts<\/strong> and <strong>Equal Columns Height<\/strong>; manages the <strong>Columns Count<\/strong> for different devices to define how the categories will be shown in an archive; specifies the <strong>Template Columns Horizontal\/Vertical Gutter<\/strong>; <strong>Make<\/strong>s <strong>Archive Item Clickable;&nbsp;<\/strong><\/li>\n\n\n\n<li>adds the possibility to<strong> Open in New Window <\/strong>the template.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/JetWooBuilder-template-settings.png\" alt=\"jet woo category template settings\">\n\n\n\n<p>When you are done, click the \u201c<strong>Publish<\/strong>\u201d or \u201c<strong>Update\u201d<\/strong> button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"assign-the-template-to-woocomerce\">Assign the Template to WooComerce<\/h3>\n\n\n\n<p>Go back to the WordPress Dashboard and open <strong><em>WooCommerce &gt; Settings<\/em><\/strong>. Proceed to the <strong>JetWooBuilder<\/strong> tab and scroll down to the <strong>Archive Category<\/strong> section.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/archieve-category-template-1.png\" alt=\"achieve category template\">\n\n\n\n<p>Tick the <strong>Enable custom archive category<\/strong> option. After that, select a template you\u2019ve recently created to set it as a custom categories archive template. Click the \u201c<strong>Save Changes<\/strong>\u201d button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"customize-the-product-catalog\">Customize the Product Catalog<\/h3>\n\n\n\n<p>Proceed to the <strong><em>Appearance &gt; Customize &gt; WooCommerce &gt; Product Catalog <\/em><\/strong>directory. Choose the \u201cShow categories\u201d option in the <strong>Shop page display <\/strong>field and \u201cShow products\u201d in the <strong>Category display<\/strong> to display only categories on the Shop page. Hit the \u201c<strong>Published<\/strong> \u201cbutton.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/customizing-woocommerce-product-catalog-1.png\" alt=\"shop page display\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-the-product-loop-widget-to-the-shop-template\">Add the Product Loop Widget to the Shop Template<\/h3>\n\n\n\n<p>Then, you only need to add the <a href=\"https:\/\/crocoblock.com\/widgets\/products-loop-shop\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Products Loop<\/strong><\/a><strong> <\/strong>widget to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetwoobuilder-how-to-create-and-set-a-shop-page-template\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Shop Page template<\/strong><\/a> without any settings.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/shop-template-product-loop-1.png\" alt=\"jetwoobuilder products loop\">\n\n\n\n<p>The <strong>Products Loop<\/strong> will show the categories on the front end by default.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/shop-page-with-categories-1.png\" alt=\"categories on the shop page\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-and-design-a-dedicated-template-for-each-category\"><strong>How to Create and Design a Dedicated Template for Each Category<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Now you can click on the category and be redirected to the page based on the global shop template with the products related to the category.<strong><em> <\/em><\/strong>If you want to design different categories individually, like women\u2019s and men\u2019s collections, you need to create a dedicated <strong>Shop template<\/strong> for each category.<\/p>\n\n\n\n<p>Proceed to the <strong><em>Crocoblock &gt; Woo Page Builder<\/em><\/strong> tab in the WordPress Dashboard sidebar. Click the \u201c<strong>Add New Template<\/strong>\u201d button.<\/p>\n\n\n\n<p>There will be a starting pop-up window. Select the \u201cShop\u201d option in <strong>This template for<\/strong> the drop-down menu and enter the <strong>Template Name<\/strong>. If you are somehow confused about the shop page layout, you can choose a pre-set in the <strong>Start from Layout<\/strong> section. Afterward, click the \u201c<strong>Create Template<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/shop-template-1.png\" alt=\"add shop template\">\n\n\n\n<p>Fill new shop template with content. You can learn more about shop widgets in the <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetwoobuilder-how-to-create-and-set-a-shop-page-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create a Shop Page Template<\/a><\/strong> tutorial.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Make sure that you enable the <strong>\u201cEnable custom taxonomy template\u201d<\/strong> option. You can do this by proceeding to  <strong><dfn>WooCommerce &gt; Settings &gt; JetWooBuilder<\/dfn><\/strong> tab.<\/p><\/div><\/div>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/enable-custom-taxonomy-template-1.png\" alt=\"enable custom taxonomy template\">\n\n\n\n<p>Go to<strong><em> Products &gt; Categories <\/em><\/strong>and edit the category for which you have created the shop template.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/edit-category-1.png\" alt=\"product category editing\">\n\n\n\n<p>Select the shop template for the category in the <strong>Custom Template <\/strong>drop-down menu.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/select-custom-template-1.png\" alt=\"select custom template\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-the-shop-page-template-with-categories-using-the-jetthemecore-plugin\"><strong>How to Create the Shop Page Template with Categories Using the JetThemeCore plugin<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <em>JetThemeCore<\/em> is the WordPress builder for the Elementor and Gutenberg editor, with the help of which you can create a page template with a header, footer, and the <em>JetWooBuilder<\/em> template as a body.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-category-item-template\">Create a Category Item Template<\/h3>\n\n\n\n<p>\u0421reate a template with the help of the <em>JetWooBuilder<\/em> plugin and customize it, as we described in the 1-4 steps of the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/#categoryitem\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>first paragraph<\/strong><\/a>.<\/p>\n\n\n\n<p>If you have already completed all the steps, just proceed to the page template creation.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/category-item-template-1.png\" alt=\"category item template\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-page-template\">Create a Page Template<\/h3>\n\n\n\n<p>Move to the <strong><em>Crocoblock &gt; Theme Builder <\/em><\/strong>tab, and click the <strong>\u201cCreate new page template\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/jetthemecore-theme-builder-1.png\" alt=\"jetthemecore theme builder\">\n\n\n\n<p>In the pop-up, hit the <strong>\u201cAdd Condition\u201d <\/strong>button, and choose the \u201cInclude,\u201d \u201cWooCommerce,\u201d and \u201cShop Page\u201d options.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/condition-for-the-shop-page-template-1.png\" alt=\"condition for the shop page template\">\n\n\n\n<p>Check out this tutorial if you want to know more about the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetthemecore-templates-conditions-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>template conditions<\/strong><\/a>. For instance, you can create dedicated templates for different devices, user roles, and requests.<\/p>\n\n\n\n<p>When you\u2019re done, click the <strong>\u201cCreate\/Save\u201d<\/strong> button.<\/p>\n\n\n\n<p>Click on the <strong>\u201cAdd body\u201d <\/strong>button in the newly created page template. As you can see, you can create a brand new template for the page or add the existing one. Now, hit the <strong>\u201cAdd from library\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/add-body-to-the-products-archive-page-template-1.png\"  alt=\"add body to the shop page template from the library\">\n\n\n\n<p>From the library, add the Shop template with the <strong>Product Loop <\/strong>widget for the categories displaying.<\/p>\n\n\n\n<p>For the page template, you can use either <em>JetWooBuilder <\/em>or <em>JetThemeCore <\/em>templates.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/jetwoobuilder-and-jethemecore-shop-templates-in-template-library-1.png\" alt=\"jetwoobuilder and jetthemecore shop templates in the template library\">\n\n\n\n<p>Also, you can add a header and footer from the library or create new ones. In that case, we have dedicated tutorials about <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>header<\/strong><\/a> and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-footer-with-jetthemecore-for-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>footer<\/strong><\/a> creation.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/shop-page-template-with-header-and-footer-1.png\" alt=\"shop page template with header and footer\">\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">You shouldn\u2019t attach the newly created Shop Page template to the WooCommerce settings because you have already set the condition.<\/p><\/div><\/div>\n\n\n\n<p>Proceed to the front end and check how product categories look with the newly created Shop Page template.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/categories-on-the-shop-page-on-the-front-end-1.png\" alt=\"categories on the shop page on the front end\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-create-a-page-template-for-the-separate-category-using-the-jetthemecore-plugin\">How to Create a Page Template for the Separate Category Using the JetThemeCore plugin<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>If you click on a category on the Shop page, you\u2019ll be redirected to the page based on the global shop template with the products related to the category.<strong><em> <\/em><\/strong>If you want to design different categories individually, like women\u2019s and men\u2019s collections, you can create a dedicated <strong>Shop<\/strong> page template for each category.<\/p>\n\n\n\n<p>Proceed to the <strong><em>Crocoblock &gt; Theme Builder <\/em><\/strong>tab, and click the <strong>\u201cCreate new page template\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/jetthemecore-theme-builder-1.png\" alt=\"jetthemecore theme builder\">\n\n\n\n<p>Select the \u201cInclude,\u201d \u201cWooCommerce,\u201d and \u201cProduct Categories\u201d conditions, and in the last field, choose the category or several categories for which the page template will be created. Then, hit the <strong>\u201cCreate\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/woocommerce-product-categories-condition-for-the-page-template-1.png\" alt=\"WooCommerce product categories condition for the page template\">\n\n\n\n<p>Check out this tutorial if you want to know more about the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetthemecore-templates-conditions-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>template conditions<\/strong><\/a>. For instance, you can create dedicated templates for different devices, user roles, and requests.<\/p>\n\n\n\n<p>Click on the <strong>\u201cAdd body\u201d <\/strong>button in the newly created page template.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/add-body-to-the-products-archive-page-template-1.png\" alt=\"add body to the products archive page template\">\n\n\n\n<p>As you can see, you have two options:<strong> create a template<\/strong> or add the already existing template <strong>from the library.<\/strong><\/p>\n\n\n\n<p>You also can create a shop template with the <em>JetWooBuilder <\/em>(<strong><em>Crocoblock &gt; Woo Page Builder <\/em><\/strong>tab) or the products archive template with the <em>JetThemeCore <\/em>(<strong><em>Crocoblock &gt; Theme Templates <\/em><\/strong>tab) and add it to the page template from the library.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/woocommerce-shop-template-for-the-category-in-the-template-library-1.png\" alt=\"WooCommerce shop template for the category in the template library\">\n\n\n\n<p>We will create the body template from scratch with the <em>JetThemeCore <\/em>plugin, so we\u2019ve pressed the <strong>\u201cCreate template\u201d <\/strong>button.<\/p>\n\n\n\n<p>Select the \u201cElementor\u201d <strong>Template content type, <\/strong>enter the <strong>Template name, <\/strong>and push the <strong>\u201cCreate\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/jetthemecore-body-template-creation-1.png\" alt=\"jetthemecore body template creation\">\n\n\n\n<p>Fill the body template with content and hit the <strong>\u201cPublish\/Update\u201d <\/strong>button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/content-in-the-products-archive-template-1.png\" alt=\"content in the products archive template\">\n\n\n\n<p>If you navigate to the <strong><em>Crocoblock &gt; Theme Templates, <\/em><\/strong>you\u2019ll see the newly created body template was saved as the products archive template, according to the page template condition.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/jetthemecore-products-archive-template-1.png\" alt=\"jetthemecore products archive template\">\n\n\n\n<p>Return to the page template and add a header and footer from the library or create new ones. In that case, we have dedicated tutorials about <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>header<\/strong><\/a> and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-footer-with-jetthemecore-for-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>footer<\/strong><\/a> creation.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/products-archive-page-template-with-header-and-footer-1.png\" alt=\"products archive page template with header and footer\">\n\n\n\n<p>Proceed to the front end and check how the products of the dedicated category look in your shop.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/05\/products-archive-page-template-with-header-and-footer-on-the-front-end-1.png\" alt=\"products archive page template with header and footer on the front end\">\n<\/div><\/div>\n\n\n\n<p>That\u2019s all. Now you know how to display categories on the Shop Page template and create a dedicated template for the separate category with the <em>JetWooBuilder <\/em>and <em>JetThemeCore <\/em>plugins.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial explains how to create a custom categories archive template for WooCommerce products using the JetWooBuilder plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[522],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JetWooBuilder: How to Create a Custom Categories Archive Template | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover vast opportunities of the JetWooBuilder and JetThemeCore plugins, and learn how to set up a Categories Archive Template in the Elementor editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetWooBuilder: How to Create a Custom Categories Archive Template | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover vast opportunities of the JetWooBuilder and JetThemeCore plugins, and learn how to set up a Categories Archive Template in the Elementor editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-09T14:57:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/shop-page-with-categories-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/\",\"name\":\"JetWooBuilder: How to Create a Custom Categories Archive Template | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-05-31T10:00:00+00:00\",\"dateModified\":\"2023-03-09T14:57:40+00:00\",\"description\":\"Discover vast opportunities of the JetWooBuilder and JetThemeCore plugins, and learn how to set up a Categories Archive Template in the Elementor editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Custom Categories Archive Template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JetWooBuilder: How to Create a Custom Categories Archive Template | Crocoblock","description":"Discover vast opportunities of the JetWooBuilder and JetThemeCore plugins, and learn how to set up a Categories Archive Template in the Elementor editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/","og_locale":"en_US","og_type":"article","og_title":"JetWooBuilder: How to Create a Custom Categories Archive Template | Crocoblock","og_description":"Discover vast opportunities of the JetWooBuilder and JetThemeCore plugins, and learn how to set up a Categories Archive Template in the Elementor editor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/","og_site_name":"Help Center","article_modified_time":"2023-03-09T14:57:40+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/shop-page-with-categories-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/","name":"JetWooBuilder: How to Create a Custom Categories Archive Template | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-05-31T10:00:00+00:00","dateModified":"2023-03-09T14:57:40+00:00","description":"Discover vast opportunities of the JetWooBuilder and JetThemeCore plugins, and learn how to set up a Categories Archive Template in the Elementor editor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/woocommerce-jetwoobuilder-settings-how-to-create-and-set-a-custom-categories-archive-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create a Custom Categories Archive Template"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/4478"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=4478"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=4478"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=4478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}