{"id":6187,"date":"2022-10-12T14:26:05","date_gmt":"2022-10-12T11:26:05","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&p=6187"},"modified":"2026-10-08T11:09:15","modified_gmt":"2026-10-08T08:09:15","slug":"search","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/search\/","title":{"rendered":"Search"},"content":{"rendered":"\n
\n
\"Search\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The Search element in action.<\/figcaption><\/figure>\n\n\n\n

The Search<\/strong> element gives visitors quick access to your website’s search functionality directly from the header. Selecting the element opens a search overlay where visitors can enter their query and, when enabled, see matching results as they type.<\/p>\n\n\n\n

Searches can include standard WordPress content such as posts and pages, WooCommerce products, and compatible Custom Post Types registered by plugins.<\/p>\n\n\n\n

To use it, open the Customiser \u2192 Header<\/strong>, drag the Search<\/strong> element into the desired header row or supported area, and select it to configure its appearance and search behaviour.<\/p>\n<\/div>\n\n\n\n

\n

Granular Controls<\/h2>\n\n\n\n
\n
\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
Search element configuration options.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n

Icon Controls<\/h3>\n\n\n\n

Choose the icon used to represent the Search element in the header. Blocksy provides built-in search icons, while Blocksy Pro also lets you use a custom SVG icon.<\/p>\n\n\n\n

The Icon Size<\/strong> control lets you adjust its dimensions independently across the available responsive device views.<\/p>\n\n\n\n

Icon Visibility<\/h3>\n\n\n\n

Choose whether the search icon itself is displayed on desktop<\/strong>, tablet<\/strong> and mobile<\/strong> devices. This can be useful when you want to rely primarily on the element’s text label in a particular header layout.<\/p>\n\n\n\n

Label Visibility<\/h3>\n\n\n\n

Control whether the Search element’s text label is displayed on desktop<\/strong>, tablet<\/strong> and mobile<\/strong> devices independently. This lets you combine an icon and descriptive label on larger screens while using a more compact presentation where space is limited.<\/p>\n\n\n\n

Search Results<\/h3>\n\n\n\n

These settings control the search overlay and the results presented while visitors enter their query.<\/p>\n\n\n\n

Placeholder Text<\/h4>\n\n\n\n

Customise the placeholder displayed inside the search field before the visitor starts typing. This can be used to provide a short instruction or indicate what kind of content can be searched.<\/p>\n\n\n\n

Live Results<\/h4>\n\n\n\n

Enable Live Results<\/strong> to display matching content dynamically while the visitor types their search query. When disabled, visitors can still submit the search normally and continue to the standard search results page.<\/p>\n\n\n\n

Live Results Images<\/h4>\n\n\n\n

Choose whether featured images or product thumbnails are displayed alongside entries in the live results interface. Disabling images creates a more compact, text-focused results list.<\/p>\n\n\n\n

Live Results Product Price<\/h4>\n\n\n\n

When WooCommerce products are included in the search, enable this option to display their current prices directly inside the live results.<\/p>\n\n\n\n

Live Results Product Status<\/h4>\n\n\n\n

When WooCommerce products are included in the search, enable this option to display relevant product status information directly inside the live results. This can include states such as In Stock<\/strong>, Out of Stock<\/strong> or On Sale<\/strong>, helping visitors understand a product’s availability or current status before opening it.<\/p>\n\n\n\n

Search Through Criteria<\/h4>\n\n\n\n

Choose which content types should be included when a visitor performs a search. Depending on your WordPress configuration, the available choices can include Posts<\/strong>, Pages<\/strong>, Products<\/strong> and compatible Custom Post Types registered by other plugins.<\/p>\n\n\n\n

This lets you keep the search focused on the content that is relevant to your website instead of querying every available post type.<\/p>\n\n\n\n

Search Through Taxonomies<\/h4>\n\n\n\n

Enable Search Through Taxonomies<\/strong> to include taxonomy terms in search queries alongside content from the selected post types. This allows visitors to find relevant categories, tags and other registered taxonomy terms in addition to individual posts, pages, products and Custom Post Types.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The Search element gives visitors quick access to your website’s search functionality directly from the header. Selecting the element opens a search overlay where visitors can enter their query and, when enabled, see matching results as they type. Searches can include standard WordPress content such as posts and pages, WooCommerce products, and compatible Custom Post […]<\/p>\n","protected":false},"author":1,"featured_media":6203,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[124],"class_list":["post-6187","documentation","type-documentation","status-publish","has-post-thumbnail","hentry","doc_categories-header-elements"],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=6187"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6187\/revisions"}],"predecessor-version":[{"id":15276,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6187\/revisions\/15276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media\/6203"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=6187"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=6187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}