{"id":630,"date":"2022-08-02T13:12:56","date_gmt":"2022-08-02T13:12:56","guid":{"rendered":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/fadufu.us9.instawp.xyz\/index.php\/athemes_docs\/how-to-add-a-header-image-in-botiga\/"},"modified":"2024-01-22T11:23:19","modified_gmt":"2024-01-22T11:23:19","slug":"how-to-add-a-header-image-in-botiga","status":"publish","type":"athemes_docs","link":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/","title":{"rendered":"How to add a header image in Botiga"},"content":{"rendered":"\n<p>Botiga supports the core Header Image feature in WordPress. To locate this option, please go to <strong>Customize > Header > Header Image.<\/strong><\/p>\n\n\n\n<p>Go to <strong>Current Header<\/strong> and click <strong>Add New Image<\/strong>. Now upload or select an existing image. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg\"><img decoding=\"async\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg\" alt=\"\" class=\"wp-image-2796\" style=\"width:350px\"\/><\/a><\/figure>\n\n\n\n<p><strong>Tip<\/strong>: Considering this will be a large image, it is recommended you optimize it before uploading with a service like\u00a0https:\/\/round-lake.dustinice.workers.dev:443\/https\/shortpixel.com\/. If you already have a plugin that optimizes images when you upload them, you can ignore this.<\/p>\n\n\n\n<p>The recommended image size is 1920&#215;500. Once you upload your image, you will be presented with an option to crop it (you can ignore this option, if you want).<\/p>\n\n\n\n<p>By default, the header image will display on all pages. Click on <strong>Add\/Edit Conditions<\/strong> to add display conditions which will allow you to choose where you want display your header image. For example, you can choose to display it only on single posts, single pages, WooCommerce pages, or other pages. Another example: you could display the header on a specific post. <\/p>\n\n\n\n<p>You can add multiple display conditions. You can also add user conditions, for example user logged in or logged out. Note that you can also use the Exclude rule to not show the header on certain pages\/to certain users. When you&#8217;re done simply click <strong>Save Conditions<\/strong> and publish your changes.  <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to add a header image in Botiga\" width=\"1140\" height=\"855\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/www.youtube.com\/embed\/15fYcDRI4lk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<div class=\"pdfprnt-buttons pdfprnt-buttons-athemes_docs pdfprnt-bottom-right\"><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/athemes_docs\/630?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/plugins\/pdf-print\/images\/print.png\" alt=\"image_print\" title=\"Print Content\" \/><\/a><\/div>","protected":false},"template":"","doc_theme":[15,25],"doc_category":[],"class_list":["post-630","athemes_docs","type-athemes_docs","status-publish","hentry","doc_theme-botiga","doc_theme-botiga-header"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.0 - https:\/\/round-lake.dustinice.workers.dev:443\/https\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a header image in Botiga - aThemes Knowledge Base<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a header image in Botiga - aThemes Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"Botiga supports the core Header Image feature in WordPress. To locate this option, please go to Customize &gt; Header &gt; Header Image. Go to Current Header and click Add New Image. Now upload or select an existing image. Tip: Considering this will be a large image, it is recommended you optimize it before uploading with [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/\" \/>\n<meta property=\"og:site_name\" content=\"aThemes Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:23:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/\",\"url\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/\",\"name\":\"How to add a header image in Botiga - aThemes Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg\",\"datePublished\":\"2022-08-02T13:12:56+00:00\",\"dateModified\":\"2024-01-22T11:23:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#primaryimage\",\"url\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg\",\"contentUrl\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to add a header image in Botiga\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/#website\",\"url\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/\",\"name\":\"aThemes Knowledge Base\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a header image in Botiga - aThemes Knowledge Base","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:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/","og_locale":"en_US","og_type":"article","og_title":"How to add a header image in Botiga - aThemes Knowledge Base","og_description":"Botiga supports the core Header Image feature in WordPress. To locate this option, please go to Customize > Header > Header Image. Go to Current Header and click Add New Image. Now upload or select an existing image. Tip: Considering this will be a large image, it is recommended you optimize it before uploading with [&hellip;]","og_url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/","og_site_name":"aThemes Knowledge Base","article_modified_time":"2024-01-22T11:23:19+00:00","og_image":[{"url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/","url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/","name":"How to add a header image in Botiga - aThemes Knowledge Base","isPartOf":{"@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#primaryimage"},"image":{"@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#primaryimage"},"thumbnailUrl":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg","datePublished":"2022-08-02T13:12:56+00:00","dateModified":"2024-01-22T11:23:19+00:00","breadcrumb":{"@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#primaryimage","url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg","contentUrl":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-content\/uploads\/2024\/01\/header-image.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/how-to-add-a-header-image-in-botiga\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/article\/"},{"@type":"ListItem","position":3,"name":"How to add a header image in Botiga"}]},{"@type":"WebSite","@id":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/#website","url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/","name":"aThemes Knowledge Base","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/athemes_docs\/630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/athemes_docs"}],"about":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/types\/athemes_docs"}],"wp:attachment":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/media?parent=630"}],"wp:term":[{"taxonomy":"doc_theme","embeddable":true,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/doc_theme?post=630"},{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/docs.athemes.com\/wp-json\/wp\/v2\/doc_category?post=630"}],"curies":[{"name":"wp","href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/api.w.org\/{rel}","templated":true}]}}