{"id":4850,"date":"2019-01-31T10:10:13","date_gmt":"2019-01-31T10:10:13","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=4850"},"modified":"2023-05-26T07:58:28","modified_gmt":"2023-05-26T07:58:28","slug":"how-to-create-a-products-archive-template","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/","title":{"rendered":"How to Create a Product’s Archive Template"},"content":{"rendered":"\n
\n

The Products Archive template is necessary for further shop building with the JetWooBuilder plugin. In the Archive template, you will be able to create and set up the layout of one Product item and then display it on a Shop page in the form of a Products Grid, Products List, etc.<\/p>\n\n\n\n\"JetWooBuilder\n<\/div><\/div>\n\n\n\n

Enable Archive Products Widgets<\/h2>\n\n\n\n
\n

Open your website’s WP dashboard and go to JetPlugins > JetWooBuilder Settings<\/em><\/strong>. Scroll to the Archive Products Available Widgets<\/strong> section and enable all widgets you will need for the template.<\/p>\n\n\n\n\"archive\n<\/div><\/div>\n\n\n\n

Create the Template<\/h2>\n\n\n\n
\n

Navigate to <\/em>JetPlugins > Jet Woo Templates<\/em><\/strong>. Click the “Add New” <\/strong>button.<\/p>\n\n\n\n\"new\n\n\n\n

Choose an “Archive template” option in the This template for<\/strong> dropdown and input a template title in the Template Name<\/strong> field. You can also select a ready-to-use layout, perfect for a quick start in case you\u2019re not familiar with JetWooBuilder.<\/p>\n\n\n\n

Click the “Create Template<\/strong>” button in order to open the Elementor editor. There you’ll have an opportunity to create an impressive and visually attractive archive template with the help of JetWooBuilder widgets.<\/p>\n\n\n\n

Please, keep in mind that when creating an archive template, you\u2019re actually customizing the appearance of one product template. And this product template will be shown in the grid or listing when applied to the archive. So it should not contain any long descriptions and must be fit for representing the products in a grid or listing.<\/p>\n\n\n\n\"Archive\n\n\n\n

In case you\u2019ve selected the pre-designed template, you\u2019ll see the ready-made layout with all the widgets already added.<\/p>\n\n\n\n

Once you see that some content areas are missing, please, make sure your products have all the needed content for displaying (e.g., the “Add to cart<\/strong>” button won\u2019t be shown in case there are no prices set or if the product is out of stock).<\/p>\n\n\n\n

Click the Settings<\/strong> option in the bottom left corner and open Template Settings<\/strong> to apply the custom columns count for the archive you\u2019ve created.<\/p>\n\n\n\n\"ArchiveThe values are responsive, so you can set more columns for the desktop while using 1 column and the listing layout on tablets or mobile devices.<\/p>\n\n\n\n

Click the “Publish<\/strong>” button in order to save the changes.<\/p>\n<\/div><\/div>\n\n\n\n

Assign the Template<\/h2>\n\n\n\n
\n

Move back to WordPress Dashboard and open WooCommerce > Settings<\/em><\/strong>. Click the JetWooBuilder<\/strong> tab and scroll down to the Products Archive Template<\/strong> section. There tick the Enable custom product archive page<\/strong> option and select a newly created template as a product archive template in the Products Archive Template<\/strong> dropdown. Afterward, click the “Save Changes<\/strong>” button.<\/p>\n\n\n\n\"custom\n<\/div><\/div>\n\n\n\n

That\u2019s it! Now your archive template is ready. Use your imagination to customize a template.<\/p>\n","protected":false},"excerpt":{"rendered":"

Learn how to create a product’s archive template for WooCommerce products using JetWooBuilder addon for Elementor.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[522],"yoast_head":"\nHow to Create a Product's Archive Template | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn the steps of creating and establishing an Archive template for your WooCommerce products with JetWooBuilder plugin for Elementor.\" \/>\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\/how-to-create-a-products-archive-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Product's Archive Template | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn the steps of creating and establishing an Archive template for your WooCommerce products with JetWooBuilder plugin for Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-26T07:58:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/JetWooBuilder-plugin1.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=\"4 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\/how-to-create-a-products-archive-template\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/\",\"name\":\"How to Create a Product's Archive Template | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T10:10:13+00:00\",\"dateModified\":\"2023-05-26T07:58:28+00:00\",\"description\":\"Learn the steps of creating and establishing an Archive template for your WooCommerce products with JetWooBuilder plugin for Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-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 Product’s 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":"How to Create a Product's Archive Template | Crocoblock","description":"Learn the steps of creating and establishing an Archive template for your WooCommerce products with JetWooBuilder plugin for Elementor.","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\/how-to-create-a-products-archive-template\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Product's Archive Template | Crocoblock","og_description":"Learn the steps of creating and establishing an Archive template for your WooCommerce products with JetWooBuilder plugin for Elementor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/","og_site_name":"Help Center","article_modified_time":"2023-05-26T07:58:28+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/JetWooBuilder-plugin1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/","name":"How to Create a Product's Archive Template | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T10:10:13+00:00","dateModified":"2023-05-26T07:58:28+00:00","description":"Learn the steps of creating and establishing an Archive template for your WooCommerce products with JetWooBuilder plugin for Elementor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-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 Product’s 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\/4850"}],"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=4850"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=4850"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=4850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}