{"id":36655,"date":"2021-10-25T10:52:03","date_gmt":"2021-10-25T10:52:03","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/?page_id=36655"},"modified":"2023-05-15T18:08:05","modified_gmt":"2023-05-15T18:08:05","slug":"ajax-live-search","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/features\/ajax-live-search\/","title":{"rendered":"Ajax Live Search"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1635159090501{margin-bottom: 0px !important;padding-top: 130px !important;padding-bottom: 195px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/Back-Gradient.png?id=36658) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; mobile_padding_top=&#8221;50&#8243; mobile_padding_bottom=&#8221;70&#8243;][vc_column][vc_row_inner el_class=&#8221;custom-image-1&#8243;][vc_column_inner]<div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-below\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/Icon1.png\" alt=\"\"\/><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1633685253918{margin-bottom: 120px !important;}&#8221;][vc_column_inner el_class=&#8221;custom-border&#8221; disable_custom_paddings_tablet=&#8221;true&#8221; disable_custom_paddings_mobile=&#8221;true&#8221; offset=&#8221;vc_col-md-7&#8243; css=&#8221;.vc_custom_1634734728544{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/ajax-search-gif-1_2.gif\" alt=\"\"\/><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner offset=&#8221;vc_col-md-5&#8243; css=&#8221;.vc_custom_1634734560551{padding-left: 60px !important;}&#8221; tablet_padding_left=&#8221;21&#8243;]<div id=\"thegem-heading-69e24c716a9dd\" class=\"thegem-heading title-h1 vc_custom_1634570222227\" style=\"text-align: left;\" ><span class=\"light\" style=\"color: #ffffff;\">Fullscreen Overlay Search<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e24c716a9dd {margin: 0;}#thegem-heading-69e24c716a9dd, #thegem-heading-69e24c716a9dd .light {text-transform: none;}<\/style><div id=\"thegem-heading-69e24c716aa34\" class=\"thegem-heading styled-subtitle\" style=\"text-align: left;\" ><span style=\"color: #ffffff;\">Just start typing the subject you are looking for and instantly get search results. All search results are grouped according to post types. Search suggestions can be used to ease the search process and emphasize some highlights. <\/span><\/div><style type=\"text\/css\">#thegem-heading-69e24c716aa34 {margin: 0;}<\/style>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner offset=&#8221;vc_col-md-5&#8243; tablet_margin_bottom=&#8221;50&#8243; css=&#8221;.vc_custom_1634734551806{padding-right: 60px !important;}&#8221; tablet_padding_right=&#8221;21&#8243;]<div id=\"thegem-heading-69e24c716aa7a\" class=\"thegem-heading title-h1 vc_custom_1634734282614\" style=\"text-align: right;\" ><span class=\"light\" style=\"color: #ffffff;\">Live search input <\/span><\/div><style type=\"text\/css\">#thegem-heading-69e24c716aa7a {margin: 0;}#thegem-heading-69e24c716aa7a {margin-left: auto; margin-right: 0;}#thegem-heading-69e24c716aa7a, #thegem-heading-69e24c716aa7a .light {text-transform: capitalize;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-heading-69e24c716aa7a {display: none;}}@media screen and (max-width: 767px) {#thegem-heading-69e24c716aa7a {display: none;}}#thegem-heading-69e24c716aa7a {max-width: 300px;}<\/style><div id=\"thegem-heading-69e24c716aabf\" class=\"thegem-heading title-h1 vc_custom_1634734289165\" style=\"text-align: right;\" ><span class=\"light\" style=\"color: #ffffff;\">Live search input <\/span><\/div><style type=\"text\/css\">#thegem-heading-69e24c716aabf {margin: 0;}#thegem-heading-69e24c716aabf {margin-left: auto; margin-right: 0;}#thegem-heading-69e24c716aabf, #thegem-heading-69e24c716aabf .light {text-transform: capitalize;}@media screen and (min-width: 1024px) {#thegem-heading-69e24c716aabf {display: none;}}<\/style><div id=\"thegem-heading-69e24c716aaff\" class=\"thegem-heading styled-subtitle\" style=\"text-align: right;\" ><span style=\"color: #ffffff;\">For hamburger, vertical and perspective menu layouts TheGem includes smart search input with instant search results. The number of displayed search results and post types to search in can be managed in Theme Options.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e24c716aaff {margin: 0;}#thegem-heading-69e24c716aaff {margin-left: auto; margin-right: 0;}<\/style>[\/vc_column_inner][vc_column_inner el_class=&#8221;custom-border&#8221; disable_custom_paddings_tablet=&#8221;true&#8221; disable_custom_paddings_mobile=&#8221;true&#8221; offset=&#8221;vc_col-md-7&#8243; css=&#8221;.vc_custom_1634734733103{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/ajax-search-gif-2.gif\" alt=\"\"\/><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=&#8221;custom-image-2&#8243;][vc_column_inner]<div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-below\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/Icon2.png\" alt=\"\"\/><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1634807461551{margin-bottom: 0px !important;padding-top: 130px !important;background-color: #1a1c21 !important;}&#8221; mobile_padding_top=&#8221;50&#8243;][vc_column]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/TGLogo.png\" alt=\"\"\/><\/div><\/div><\/div><div id=\"thegem-heading-69e24c716aeaf\" class=\"thegem-heading styled-subtitle vc_custom_1634732708213\" style=\"text-align: center;\" ><span style=\"color: #b6c6c9;\">TheGem is multi-purpose wordpress theme for creative agencies, business of any kind, online stores, designers, architects, photographers, freelancers, bloggers etc. \u2013 TheGem delivers everything to cover your ambitions &amp; creative needs! Grab this theme now and start building the website of your dreams!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e24c716aeaf {margin: 0;}#thegem-heading-69e24c716aeaf {margin-left: auto; margin-right: auto;}<\/style><div class=\"socials socials-list socials-colored-hover socials-rounded socials-alignment-center\"><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon facebook\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon twitter\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon pinterest\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon facebook\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon tumblr\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon stumbleupon\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon wordpress\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon instagram\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon dribbble\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon vimeo\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #5f727f;\"><i class=\"socials-item-icon linkedin\" style=\"font-size: 32px\"><\/i><\/a><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 8px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e24c716af238656\" ><a class=\"gem-button gem-button-size-large gem-button-style-flat gem-button-text-weight-normal\" style=\"border-radius: 100px;background-color: #5f727f;color: #ffffff;\" onmouseleave=\"this.style.backgroundColor='#5f727f';this.style.color='#ffffff';\" onmouseenter=\"this.style.backgroundColor='#00bcd4';\" href=\"https:\/\/themeforest.net\/checkout\/from_item\/16061685?license=regular&#038;support=bundle_6month&#038;_ga=2.16410870.1729110559.1648742987-153216264.1648742987\" target=\"_blank\">purchase<\/a><\/div> <div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 60px;\"><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #99a9b5;\">\u00a9 Copyright<\/span> <a href=\"https:\/\/codex-themes.com\/thegem\/\">CodexThemes<\/a><\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1635159090501{margin-bottom: 0px !important;padding-top: 130px !important;padding-bottom: 195px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/Back-Gradient.png?id=36658) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; mobile_padding_top=&#8221;50&#8243; mobile_padding_bottom=&#8221;70&#8243;][vc_column][vc_row_inner el_class=&#8221;custom-image-1&#8243;][vc_column_inner][\/vc_column_inner][\/vc_row_inner][vc_row_inner&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/36655"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/comments?post=36655"}],"version-history":[{"count":4,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/36655\/revisions"}],"predecessor-version":[{"id":39287,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/36655\/revisions\/39287"}],"up":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/media?parent=36655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}