{"id":5734,"date":"2025-06-18T06:10:25","date_gmt":"2025-06-18T06:10:25","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=5734"},"modified":"2025-06-18T16:47:31","modified_gmt":"2025-06-18T16:47:31","slug":"how-to-set-the-header-conditions-in-jetthemecore","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-the-header-conditions-in-jetthemecore\/","title":{"rendered":"How to Set the Header Conditions"},"content":{"rendered":"\n<p>When using the default header, it is rarely possible to select multiple header templates or assign different headers to specific pages.<\/p>\n\n\n\n<p>However, with <em>JetThemeCore<\/em>, you can create as many header templates as you want and then display them on various pages.<\/p>\n\n\n\n<p>If you visit the <strong><em>WordPress Dashboard > Crocoblock > Theme Templates <\/em><\/strong>section, you will see an <strong>Info icon<\/strong> next to the <strong>Display Conditions<\/strong> column. When clicked, it will trigger a pop-up with recommendations on how to set theme template (header) conditions.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-1024x640.webp\" alt=\"theme template conditions pop-up\" class=\"wp-image-48318\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>When editing a header template (or other theme parts like footer, single post, etc.), to control where and when this template appears on the site (for example, only on the homepage, or only for a specific post type), you need to set display conditions.<\/p>\n\n\n\n<p>Conditions can be set through the <strong>Theme Templates<\/strong><strong><em> <\/em><\/strong>section, but they work differently from those set in the <strong>Theme Builder<\/strong> section. <strong>JetThemeBuilder<\/strong> gives more control and works with any theme installed via Crocoblock. Click \u201c<strong>Go to JetThemeBuilder<\/strong>\u201d if you want more control over where your header (or other template) appears.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-the-header-template\">Setting the Header Template<\/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>To start setting the proper conditions for the header, go to <strong><em>WordPress Dashboard > Crocoblock > Theme Builder<\/em><\/strong>, find the page template (be it a Home page, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">CPT single\/ archive<\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-add-a-single-post-page-template-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">single post template<\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-products-archive-template\/\">product archive<\/a>, etc.) that you need to add a specific header to, and click the \u201c<strong>+ Override theme header<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header-1024x640.png\" alt=\"override theme header\" class=\"wp-image-48319\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header-1024x640.png 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header-300x188.png 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header-768x480.png 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header-1536x960.png 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header-600x375.png 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/override-theme-header.png 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the flyout window, select one of the available options, the \u201cCreate template\u201d or \u201cAdd from library\u201d option.\u00a0<\/p>\n\n\n\n<p>The \u201cCreate template\u201d option will trigger the <strong>Create a template<\/strong> pop-up that contains two fields: <strong>Template content type<\/strong> and <strong>Template name<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up-1024x640.png\" alt=\"create a template pop-up\" class=\"wp-image-48320\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up-1024x640.png 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up-300x188.png 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up-768x480.png 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up-1536x960.png 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up-600x375.png 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/create-a-tempalte-pop-up.png 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Template content type<\/strong> \u2014 in this field, you can select the type of builder you will use to create a header, either \u201cElementor\u201d or \u201cBlocks\u201d;<\/li>\n\n\n\n<li><strong>Template name<\/strong> \u2014 in this field, you can set the name of the template.<\/li>\n<\/ul>\n\n\n\n<p>Click the \u201c<strong>Create<\/strong>\u201d button when done, and you will be redirected to the selected editor page.<\/p>\n\n\n\n<p>Refer to this guide for instructions on <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-add-a-single-post-page-template-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">creating a template<\/a>.<\/p>\n\n\n\n<p>The \u201cAdd from library\u201d option will trigger the <strong>Template Library<\/strong> pop-up, where you can select a corresponding header.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library-1024x640.png\" alt=\"template library\" class=\"wp-image-48321\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library-1024x640.png 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library-300x188.png 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library-768x480.png 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library-1536x960.png 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library-600x375.png 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/template-library.png 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Template Library<\/strong> pop-up, you can select the existing header template and assign it to the template you\u2019re editing. Each template has two buttons, \u201c<strong>Edit<\/strong>\u201d (will redirect you to the editor page) and \u201c<strong>Use<\/strong>\u201d (will apply the template to the selected page).<\/p>\n\n\n\n<p>Following the logic described in this manual, you can apply various header templates to different pages of your website.<\/p>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all one needs to know about setting different conditions for the WordPress website header using the <em>JetThemeCore<\/em> plugin on a WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When using the default header, it is rarely possible to select multiple header templates or assign different headers to specific pages. However, with JetThemeCore, you can create as many header templates as you want and then display them on various pages. If you visit the WordPress Dashboard > Crocoblock > Theme Templates section, you will [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[411],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Set Header Conditions in WordPress \u2014 JetThemeCore | Crocoblock<\/title>\n<meta name=\"description\" content=\"From this tutorial, you will discover how to set the header conditions for your WordPress website by using the JetThemeCore plugin and the Block editor or 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\/articles\/how-to-create-a-custom-header-with-jetthemecore\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set Header Conditions in WordPress \u2014 JetThemeCore | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"From this tutorial, you will discover how to set the header conditions for your WordPress website by using the JetThemeCore plugin and the Block editor or Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-18T16:47:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-1024x640.webp\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-the-header-conditions-in-jetthemecore\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/\",\"name\":\"How to Set Header Conditions in WordPress \u2014 JetThemeCore | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-06-18T06:10:25+00:00\",\"dateModified\":\"2025-06-18T16:47:31+00:00\",\"description\":\"From this tutorial, you will discover how to set the header conditions for your WordPress website by using the JetThemeCore plugin and the Block editor or Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/#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 Set the Header Conditions\"}]},{\"@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 Set Header Conditions in WordPress \u2014 JetThemeCore | Crocoblock","description":"From this tutorial, you will discover how to set the header conditions for your WordPress website by using the JetThemeCore plugin and the Block editor or 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\/articles\/how-to-create-a-custom-header-with-jetthemecore\/","og_locale":"en_US","og_type":"article","og_title":"How to Set Header Conditions in WordPress \u2014 JetThemeCore | Crocoblock","og_description":"From this tutorial, you will discover how to set the header conditions for your WordPress website by using the JetThemeCore plugin and the Block editor or Elementor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/","og_site_name":"Help Center","article_modified_time":"2025-06-18T16:47:31+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/info-popup-template-conditions-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-the-header-conditions-in-jetthemecore\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/","name":"How to Set Header Conditions in WordPress \u2014 JetThemeCore | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-06-18T06:10:25+00:00","dateModified":"2025-06-18T16:47:31+00:00","description":"From this tutorial, you will discover how to set the header conditions for your WordPress website by using the JetThemeCore plugin and the Block editor or Elementor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-a-custom-header-with-jetthemecore\/#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 Set the Header Conditions"}]},{"@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\/5734"}],"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=5734"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=5734"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=5734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}