{"id":465,"date":"2024-07-16T08:38:06","date_gmt":"2024-07-16T08:38:06","guid":{"rendered":"http:\/\/demo.cmblocks.com\/cm-news\/?page_id=465"},"modified":"2024-07-16T09:51:26","modified_gmt":"2024-07-16T09:51:26","slug":"instant-search","status":"publish","type":"page","link":"https:\/\/demo.cmblocks.com\/cm-news\/search-with-typesense\/instant-search\/","title":{"rendered":"Instant Search"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignwide has-gradient-1-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-secondary-text-color has-text-color has-link-color has-poppins-font-family wp-elements-b9bf5099c4afe1d49834c43c3c813f5d\" style=\"font-size:clamp(30.693px, 1.918rem + ((1vw - 3.2px) * 2.649), 54px);font-style:normal;font-weight:700;line-height:1.2\">Instant Search<\/h2>\n\n\n\n<p class=\"has-text-align-center has-secondary-text-color has-text-color has-link-color wp-elements-4cddf38c52917bc3e1f4a2820e9fe202\" style=\"margin-top:16px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">Transform your site search experience with Typesense&#8217;s Instant Search seamlessly integrated into CM News, providing swift and precise results.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignwide has-body-color-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-148ddc52 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"CM News - instant search with Typesense (Copy)\" src=\"https:\/\/player.vimeo.com\/video\/984803517?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-title-color-color has-text-color has-link-color wp-elements-8842d86870707e3c53bd5bd41563385d\" style=\"font-size:clamp(25.984px, 1.624rem + ((1vw - 3.2px) * 2.047), 44px);font-style:normal;font-weight:700;line-height:1.2\">Effortless Instant Search with Typesense in CM News<\/h2>\n\n\n\n<p class=\"has-cm-text-color has-text-color has-link-color wp-elements-8913bc39e461cfa5289a04c0c32688ba\" style=\"margin-top:20px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">Experience seamless navigation with Typesense&#8217;s Instant Search feature integrated into CM News. Get instant access to precise search results, ensuring a smooth and efficient user experience.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-5140c116 wp-block-buttons-is-layout-flex\" style=\"margin-top:24px\">\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);\"><a class=\"wp-block-button__link has-light-color-color has-title-color-background-color has-text-color has-background has-link-color has-border-color has-background-border-color wp-element-button\" style=\"border-style:solid;border-width:1px;border-radius:100px;padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--50)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"cmswt-InstantSearch ais-InstantSearch cm_swt_instant_search_1 single-source\"\n     data-id=\"cm_swt_instant_search_1\"\n     data-config=\"{&quot;filter&quot;:&quot;show&quot;,&quot;post_types&quot;:[&quot;post&quot;],&quot;per_page&quot;:&quot;3&quot;,&quot;pagination&quot;:&quot;show&quot;,&quot;sortby&quot;:&quot;show&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;placeholder&quot;:&quot;Search for&quot;,&quot;query_by&quot;:&quot;post_title,post_content&quot;,&quot;sticky_first&quot;:&quot;no&quot;,&quot;custom_class&quot;:&quot;&quot;,&quot;search_query&quot;:&quot;&quot;,&quot;selected_filters&quot;:&quot;hide&quot;,&quot;stats&quot;:&quot;hide&quot;,&quot;routing&quot;:&quot;disable&quot;,&quot;unique_id&quot;:&quot;cm_swt_instant_search_1&quot;,&quot;collections&quot;:[&quot;cm_news_demo_post&quot;]}\"\n     data-facets=\"{&quot;cm_news_demo_post&quot;:[&quot;post_author&quot;,&quot;category&quot;,&quot;tags&quot;]}\"\n     data-placeholder=\"Search for\"\n     data-query_by=\"post_title,post_content\"\n     data-sticky_first=\"no\"\n     data-additional_search_params=\"[]\"\n     data-search_query=\"\"\n     data-additional_config=\"[]\"\n     data-routing=\"disable\"\n>\n    <div class=\"cmswt-InstantSearch-overlay cmswt-FilterPanel-itemsClose\"><\/div>\n\t<div class=\"cmswt-Header\">\n\t<div class=\"cmswt-SearchBox\"\n     data-settings=\"[]\"\n><\/div><div class=\"cmswt-CollectionMenu cmswt-CollectionMenu--singleSource\">\n    <div class=\"cmswt-CollectionMenu-current\">\n        <span class=\"cmswt-CollectionMenu-currentLabel\">News<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 cmswt-CollectionMenu-icon\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n            <path d=\"M9 5.50001C8.73478 5.50001 8.48043 5.60537 8.29289 5.7929C8.10536 5.98044 8 6.23479 8 6.50001C8 6.76523 8.10536 7.01958 8.29289 7.20712C8.48043 7.39465 8.73478 7.50001 9 7.50001C9.26522 7.50001 9.51957 7.39465 9.70711 7.20712C9.89464 7.01958 10 6.76523 10 6.50001C10 6.23479 9.89464 5.98044 9.70711 5.7929C9.51957 5.60537 9.26522 5.50001 9 5.50001ZM6.17 5.50001C6.3766 4.91448 6.75974 4.40744 7.2666 4.0488C7.77346 3.69015 8.37909 3.49756 9 3.49756C9.62091 3.49756 10.2265 3.69015 10.7334 4.0488C11.2403 4.40744 11.6234 4.91448 11.83 5.50001H19C19.2652 5.50001 19.5196 5.60537 19.7071 5.7929C19.8946 5.98044 20 6.23479 20 6.50001C20 6.76523 19.8946 7.01958 19.7071 7.20712C19.5196 7.39465 19.2652 7.50001 19 7.50001H11.83C11.6234 8.08554 11.2403 8.59258 10.7334 8.95122C10.2265 9.30986 9.62091 9.50246 9 9.50246C8.37909 9.50246 7.77346 9.30986 7.2666 8.95122C6.75974 8.59258 6.3766 8.08554 6.17 7.50001H5C4.73478 7.50001 4.48043 7.39465 4.29289 7.20712C4.10536 7.01958 4 6.76523 4 6.50001C4 6.23479 4.10536 5.98044 4.29289 5.7929C4.48043 5.60537 4.73478 5.50001 5 5.50001H6.17ZM15 11.5C14.7348 11.5 14.4804 11.6054 14.2929 11.7929C14.1054 11.9804 14 12.2348 14 12.5C14 12.7652 14.1054 13.0196 14.2929 13.2071C14.4804 13.3947 14.7348 13.5 15 13.5C15.2652 13.5 15.5196 13.3947 15.7071 13.2071C15.8946 13.0196 16 12.7652 16 12.5C16 12.2348 15.8946 11.9804 15.7071 11.7929C15.5196 11.6054 15.2652 11.5 15 11.5ZM12.17 11.5C12.3766 10.9145 12.7597 10.4074 13.2666 10.0488C13.7735 9.69015 14.3791 9.49756 15 9.49756C15.6209 9.49756 16.2265 9.69015 16.7334 10.0488C17.2403 10.4074 17.6234 10.9145 17.83 11.5H19C19.2652 11.5 19.5196 11.6054 19.7071 11.7929C19.8946 11.9804 20 12.2348 20 12.5C20 12.7652 19.8946 13.0196 19.7071 13.2071C19.5196 13.3947 19.2652 13.5 19 13.5H17.83C17.6234 14.0855 17.2403 14.5926 16.7334 14.9512C16.2265 15.3099 15.6209 15.5025 15 15.5025C14.3791 15.5025 13.7735 15.3099 13.2666 14.9512C12.7597 14.5926 12.3766 14.0855 12.17 13.5H5C4.73478 13.5 4.48043 13.3947 4.29289 13.2071C4.10536 13.0196 4 12.7652 4 12.5C4 12.2348 4.10536 11.9804 4.29289 11.7929C4.48043 11.6054 4.73478 11.5 5 11.5H12.17ZM9 17.5C8.73478 17.5 8.48043 17.6054 8.29289 17.7929C8.10536 17.9804 8 18.2348 8 18.5C8 18.7652 8.10536 19.0196 8.29289 19.2071C8.48043 19.3947 8.73478 19.5 9 19.5C9.26522 19.5 9.51957 19.3947 9.70711 19.2071C9.89464 19.0196 10 18.7652 10 18.5C10 18.2348 9.89464 17.9804 9.70711 17.7929C9.51957 17.6054 9.26522 17.5 9 17.5ZM6.17 17.5C6.3766 16.9145 6.75974 16.4074 7.2666 16.0488C7.77346 15.6902 8.37909 15.4976 9 15.4976C9.62091 15.4976 10.2265 15.6902 10.7334 16.0488C11.2403 16.4074 11.6234 16.9145 11.83 17.5H19C19.2652 17.5 19.5196 17.6054 19.7071 17.7929C19.8946 17.9804 20 18.2348 20 18.5C20 18.7652 19.8946 19.0196 19.7071 19.2071C19.5196 19.3947 19.2652 19.5 19 19.5H11.83C11.6234 20.0855 11.2403 20.5926 10.7334 20.9512C10.2265 21.3099 9.62091 21.5025 9 21.5025C8.37909 21.5025 7.77346 21.3099 7.2666 20.9512C6.75974 20.5926 6.3766 20.0855 6.17 19.5H5C4.73478 19.5 4.48043 19.3947 4.29289 19.2071C4.10536 19.0196 4 18.7652 4 18.5C4 18.2348 4.10536 17.9804 4.29289 17.7929C4.48043 17.6054 4.73478 17.5 5 17.5H6.17Z\" fill=\"#696969\"\/>\n        <\/svg>\n\t<\/div>\n\t<div class=\"cmswt-Sort\">\n\t        <div class=\"cmswt-SortBy cmswt-SortBy-cm_news_demo_post\"\n             data-settings=\"{&quot;items&quot;:[{&quot;label&quot;:&quot;Recent&quot;,&quot;value&quot;:&quot;cm_news_demo_post&quot;},{&quot;label&quot;:&quot;Oldest&quot;,&quot;value&quot;:&quot;cm_news_demo_post\\\/sort\\\/sort_by_date:asc&quot;}]}\"\n        ><\/div>\n\n\t\t<\/div>\n\t    <ul class=\"cmswt-IndexSwitcher\">\n\t\t            <li class=\"cmswt-IndexSwitcher-item active\">\n                <a href=\"#\"\n                   class=\"cmswt-IndexSwitcher-link\"\n                   data-instance_id=\"cm_swt_instant_search_1\"\n                   data-collection=\"cm_news_demo_post\">\n\t\t\t\t\tNews                <\/a>\n            <\/li>\n\t\t\t    <\/ul>\n\t<\/div><div class=\"cmswt-FilterPanel-toggle\">\n            <span class=\"cmswt-FilterPanel-toggleLabel\">\n                 Filter            <\/span>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  class=\"h-6 w-6 cmswt-FilterPanel-toggleIcon\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n        <path d=\"M2.1875 2.6875H17.8125V4.5625L11.5625 11.4375V16.4375L8.4375 18.3125V11.4375L2.1875 4.5625V2.6875Z\" stroke=\"#696969\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>\n<\/div>\n<div class=\"cmswt-Sort\">\n\t        <div class=\"cmswt-SortBy cmswt-SortBy-cm_news_demo_post\"\n             data-settings=\"{&quot;items&quot;:[{&quot;label&quot;:&quot;Recent&quot;,&quot;value&quot;:&quot;cm_news_demo_post&quot;},{&quot;label&quot;:&quot;Oldest&quot;,&quot;value&quot;:&quot;cm_news_demo_post\\\/sort\\\/sort_by_date:asc&quot;}]}\"\n        ><\/div>\n\n\t<\/div><\/div>    <div class=\"cmswt-FilterPanel\">\n        <div class=\"cmswt-FilterPanel-items\">\n            <div class=\"cmswt-FilterPanel-itemsPopupHeader\">\n                <div class=\"cmswt-FilterPanel-itemsPopupLabel\">\n                    <h5 class=\"cmswt-FilterPanel-itemsPopupLabelHeader\">Apply Filters<\/h5>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                         class=\"h-6 w-6 cmswt-FilterPanel-itemsPopupHeaderCloseLogo cmswt-FilterPanel-itemsClose\"\n                         width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\">\n                        <path d=\"M11.3334 5.16666L4.66675 11.8333M4.66675 5.16666L11.3334 11.8333\" stroke=\"#2E2E2E\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/div>\n            <\/div>\n            <div class=\"cmswt-FilterPanel-itemsContent\">\n\t\t\t\t                        <div class=\"cmswt-Filter cmswt-Filter-post_author cmswt-Filter-collection_cm_news_demo_post\"\n                             data-facet_id=\"cm_news_demo_post_post_author\"\n                             data-label=\"Author\"\n                             data-title=\"Author\"\n                             data-settings=\"{&quot;searchable&quot;:false}\"\n                             data-filter_type=\"refinement\"\n                        ><\/div>\n\t\t\t\t\t                        <div class=\"cmswt-Filter cmswt-Filter-category cmswt-Filter-collection_cm_news_demo_post\"\n                             data-facet_id=\"cm_news_demo_post_category\"\n                             data-label=\"category\"\n                             data-title=\"Category\"\n                             data-settings=\"{&quot;searchable&quot;:false}\"\n                             data-filter_type=\"refinement\"\n                        ><\/div>\n\t\t\t\t\t                        <div class=\"cmswt-Filter cmswt-Filter-tags cmswt-Filter-collection_cm_news_demo_post\"\n                             data-facet_id=\"cm_news_demo_post_tags\"\n                             data-label=\"tags\"\n                             data-title=\"Tags\"\n                             data-settings=\"{&quot;searchable&quot;:false}\"\n                             data-filter_type=\"refinement\"\n                        ><\/div>\n\t\t\t\t\t            <\/div>\n            <div class=\"cmswt-FilterPanel-itemsFooter\">\n                <a class=\"cmswt-FilterPanel-itemsFooterCloseLink cmswt-FilterPanel-itemsClose\">Close<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<div class=\"cmswt-MainPanel\">\n    <div class=\"cmswt-Results\">\n\t\t            <div class=\"cmswt-Result cmswt-Result-cm_news_demo_post\">\n\t\t\t\t<div class=\"cmswt-Result-hits cmswt-Result-hits_cm_news_demo_post\"><\/div><div class=\"cmswt-Pagination cmswt-Pagination-cm_news_demo_post\"><\/div>            <\/div>\n\t\t    <\/div>\n<\/div><\/div>\n\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Instant Search Transform your site search experience with Typesense&#8217;s Instant Search seamlessly integrated into CM News, providing swift and precise results. Effortless Instant Search with Typesense in CM News Experience seamless navigation with Typesense&#8217;s Instant Search feature integrated into CM News. Get instant access to precise search results, ensuring a smooth and efficient user experience.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":425,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-465","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/comments?post=465"}],"version-history":[{"count":14,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/465\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/465\/revisions\/590"}],"up":[{"embeddable":true,"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/pages\/425"}],"wp:attachment":[{"href":"https:\/\/demo.cmblocks.com\/cm-news\/wp-json\/wp\/v2\/media?parent=465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}