CINXE.COM

<!doctype html><html lang="en-US"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Cabin:400,500,700&display=swap"><link rel="profile" href="https://gmpg.org/xfn/11">  <script type="text/javascript" src="https://script.crazyegg.com/pages/scripts/0116/7673.js" async="async" ></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PJKP9NB');</script>  <meta name="ahrefs-site-verification" content="1225b8979826f0d7590eaeaff0e20e987d04307651a9dbec0793efa7e101b023">  <script>window.intercomSettings = { app_id: "rn7ho5ox" };</script> <script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/rn7ho5ox';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script><meta name="keywords" content="JetSearch"><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <title>AJAX Search for WordPress Websites: Top Plugins and Use Cases - Crocoblock</title><meta name="description" content="Do you want to improve the user experience so that your visitors get live search results? Learn what is AJAX and how to add AJAX search to your WordPress website, best plugins and use cases" /><link rel="canonical" href="https://crocoblock.com/blog/ajax-based-jetsearch-functionality/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="AJAX Search for WordPress Websites: Top Plugins and Use Cases - Crocoblock" /><meta property="og:description" content="Do you want to improve the user experience so that your visitors get live search results? Learn what is AJAX and how to add AJAX search to your WordPress website, best plugins and use cases" /><meta property="og:url" content="https://crocoblock.com/blog/ajax-based-jetsearch-functionality/" /><meta property="og:site_name" content="Crocoblock" /><meta property="article:publisher" content="https://www.facebook.com/crocoblock/" /><meta property="article:published_time" content="2024-07-29T10:17:42+00:00" /><meta property="article:modified_time" content="2024-07-29T10:18:45+00:00" /><meta property="og:image" content="https://crocoblock.com/wp-content/uploads/2019/01/Explained_-_AJAX_Search.png" /><meta property="og:image:width" content="1120" /><meta property="og:image:height" content="630" /><meta property="og:image:type" content="image/png" /><meta name="author" content="Anastasiia Usichenko" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:creator" content="@MRcrocoblock" /><meta name="twitter:site" content="@MRcrocoblock" /><meta name="twitter:label1" content="Written by" /><meta name="twitter:data1" content="Anastasiia Usichenko" /><meta name="twitter:label2" content="Est. reading time" /><meta name="twitter:data2" content="9 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#article","isPartOf":{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/"},"author":{"name":"Anastasiia Usichenko","@id":"https://crocoblock.com/#/schema/person/939ec3d893e8338f5450a924ac45c66f"},"headline":"AJAX Search for WordPress Websites: Live Search Results at Lightning Speed","datePublished":"2024-07-29T10:17:42+00:00","dateModified":"2024-07-29T10:18:45+00:00","mainEntityOfPage":{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/"},"wordCount":1758,"commentCount":1,"publisher":{"@id":"https://crocoblock.com/#organization"},"image":{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#primaryimage"},"thumbnailUrl":"https://crocoblock.com/wp-content/uploads/2019/01/Explained_-_AJAX_Search.png","articleSection":["Useful Resources"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/","url":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/","name":"AJAX Search for WordPress Websites: Top Plugins and Use Cases - Crocoblock","isPartOf":{"@id":"https://crocoblock.com/#website"},"primaryImageOfPage":{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#primaryimage"},"image":{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#primaryimage"},"thumbnailUrl":"https://crocoblock.com/wp-content/uploads/2019/01/Explained_-_AJAX_Search.png","datePublished":"2024-07-29T10:17:42+00:00","dateModified":"2024-07-29T10:18:45+00:00","description":"Do you want to improve the user experience so that your visitors get live search results? Learn what is AJAX and how to add AJAX search to your WordPress website, best plugins and use cases","breadcrumb":{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#breadcrumb"},"mainEntity":[{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547280260"},{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547291134"},{"@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547296060"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://crocoblock.com/blog/ajax-based-jetsearch-functionality/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#primaryimage","url":"https://crocoblock.com/wp-content/uploads/2019/01/Explained_-_AJAX_Search.png","contentUrl":"https://crocoblock.com/wp-content/uploads/2019/01/Explained_-_AJAX_Search.png","width":1120,"height":630,"caption":"what is ajax search"},{"@type":"BreadcrumbList","@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://crocoblock.com/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://crocoblock.com/blog/"},{"@type":"ListItem","position":3,"name":"AJAX Search for WordPress Websites: Live Search Results at Lightning Speed"}]},{"@type":"WebSite","@id":"https://crocoblock.com/#website","url":"https://crocoblock.com/","name":"Crocoblock","description":"","publisher":{"@id":"https://crocoblock.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://crocoblock.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://crocoblock.com/#organization","name":"Crocoblock","url":"https://crocoblock.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://crocoblock.com/#/schema/logo/image/","url":"https://crocoblock.com/wp-content/uploads/2019/09/crocoblock-graph.jpg","contentUrl":"https://crocoblock.com/wp-content/uploads/2019/09/crocoblock-graph.jpg","width":200,"height":200,"caption":"Crocoblock"},"image":{"@id":"https://crocoblock.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/crocoblock/","https://twitter.com/MRcrocoblock","https://www.instagram.com/mrcrocoblock/","https://www.linkedin.com/company/crocoblock/","https://www.pinterest.com/crocoblock/","https://www.youtube.com/c/Crocoblock"]},{"@type":"Person","@id":"https://crocoblock.com/#/schema/person/939ec3d893e8338f5450a924ac45c66f","name":"Anastasiia Usichenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://crocoblock.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/095b75a988cc9b46be03704a60cf3eaf?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/095b75a988cc9b46be03704a60cf3eaf?s=96&d=mm&r=g","caption":"Anastasiia Usichenko"},"description":"WordPress Copywriter"},{"@type":"Question","@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547280260","position":1,"url":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547280260","name":"What is AJAX search?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"AJAX search uses Asynchronous JavaScript and XML to update search results dynamically without reloading the entire page. This web development technique allows the application to fetch and display only the relevant data, such as search or filter results, specific elements, and other user interactions, making the search experience faster and more seamless","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547291134","position":2,"url":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547291134","name":"What is AJAX search used for?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"AJAX search is used to improve user experience. A person enters a search request, and the system gives the corresponding search results in seconds. At the same time, the page is not refreshed, which reduces the loading speed. This is especially true for content- and multimedia-heavy websites.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547296060","position":3,"url":"https://crocoblock.com/blog/ajax-based-jetsearch-functionality/#faq-question-1662547296060","name":"How to create an AJAX website search?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"You can use code for this task (you need the technical skills and proficiency in several programming languages) or use plugins. The second option is suitable even for beginners because creating an AJAX search using plugins takes only a few minutes.","inLanguage":"en-US"},"inLanguage":"en-US"}]}</script> <link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="Crocoblock » Feed" href="https://crocoblock.com/feed/" /><link rel="alternate" type="application/rss+xml" title="Crocoblock » Comments Feed" href="https://crocoblock.com/comments/feed/" /><link rel="alternate" type="application/rss+xml" title="Crocoblock » AJAX Search for WordPress Websites: Live Search Results at Lightning Speed Comments Feed" href="https://crocoblock.com/blog/ajax-based-jetsearch-functionality/feed/" /><link rel='stylesheet' id='wp-block-library-css' href='https://crocoblock.com/wp-includes/css/dist/block-library/style.min.css?ver=6.3.3' type='text/css' media='all' /><style id='classic-theme-styles-inline-css' type='text/css'>/*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}</style><style id='global-styles-inline-css' type='text/css'>body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}</style><link rel='stylesheet' id='crocoblock-style-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_a9e1b0d6f77e46193c33b296b5bed559.css?ver=6.3.3' type='text/css' media='all' /><link rel='stylesheet' id='roco-site-menu-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_21a2e1b404451e4b380084ce419d3e89.css?ver=2.0.1' type='text/css' media='all' /><link rel='stylesheet' id='jet-fb-option-field-select-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_a7ebdb255c250ea51857a1198d664dd7.css?ver=3.3.2' type='text/css' media='all' /><link rel='stylesheet' id='jet-fb-advanced-choices-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_d171e55e14f3b2d20bc05a8f2d8ef104.css?ver=3.3.2' type='text/css' media='all' /><link rel='stylesheet' id='jet-fb-wysiwyg-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_ec603e4e4f99b8f3a2c9582b4754d63b.css?ver=3.3.2' type='text/css' media='all' /><link rel='stylesheet' id='jet-fb-switcher-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_e8935d896b3366bba21de93c322c6f02.css?ver=3.3.2' type='text/css' media='all' /><link rel='stylesheet' id='croco-features-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_58fe5e9b4afd0a64c5889e0331e80063.css?ver=1.0.0' type='text/css' media='all' /><link rel='stylesheet' id='font-awesome-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /><link rel='stylesheet' id='jet-popup-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_188946986b1a377d87d351765cf8e48b.css?ver=1.6.3' type='text/css' media='all' /><link rel='stylesheet' id='jquery-chosen-css' href='https://crocoblock.com/wp-content/plugins/jet-search/assets/lib/chosen/chosen.min.css?ver=1.8.7' type='text/css' media='all' /><link rel='stylesheet' id='jet-search-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_0a323a0b3b2c7327ec0d17ee3ea7284b.css?ver=3.0.3' type='text/css' media='all' /> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1' id='jquery-migrate-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/imagesloaded.min.js?ver=6.3.3' id='imagesLoaded-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_0bbf3c52db9857582c3d8b70675fa9f1.js?ver=1.0.0' id='jgb-polyfills-js'></script> <link rel="https://api.w.org/" href="https://crocoblock.com/wp-json/" /><link rel="alternate" type="application/json" href="https://crocoblock.com/wp-json/wp/v2/posts/9979" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://crocoblock.com/xmlrpc.php?rsd" /><meta name="generator" content="WordPress 6.3.3" /><link rel="alternate" type="application/json+oembed" href="https://crocoblock.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F" /><link rel="alternate" type="text/xml+oembed" href="https://crocoblock.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F&format=xml" /><style type="text/css">*{margin:0;padding:0;box-sizing:border-box}.modal-cookie{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(15,23,42,.5);-webkit-animation:.4s fadeIn;animation:.4s fadeIn}.modal-cookie-dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;pointer-events:none}.modal-cookie-content{width:100%;max-width:960px;margin:0 auto;padding:32px;background-color:#1e293b;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#94a3b8;pointer-events:auto}.modal-cookie-content .d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.modal-cookie-content .justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.modal-cookie-content .align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.modal-cookie-content .flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.modal-cookie-content .text-size-null{font-size:0;line-height:0}.modal-cookie-content .mt-20{margin-top:20px!important}.modal-cookie-content .mt-24{margin-top:24px!important}.modal-cookie-content .mt-32{margin-top:32px!important}.modal-cookie-content .mr-20{margin-right:20px!important}.modal-cookie-content .pl-24{padding-left:24px!important;margin: 0;}.modal-cookie-content .px-8{padding-left:8px;padding-right:8px}.modal-cookie-content .title{font-family:Cabin,sans-serif;font-weight:700;font-size:20px;line-height:28px;color:#fff}.modal-cookie-content .list li{position:relative;list-style:none}.modal-cookie-content .list li::before{content:"";position:absolute;width:3px;height:3px;top:10px;left:-14px;background-color:#94a3b8;border-radius:50%}.modal-cookie-content .link{text-decoration:underline;color:#4272f9}.modal-cookie-content .link:active,.modal-cookie-content .link:focus,.modal-cookie-content .link:hover{text-decoration:none;color:#4272f9}.modal-cookie-content .btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #0dc167;font-family:Cabin,sans-serif;font-weight:700;font-size:16px;line-height:24px;text-decoration:none;white-space:nowrap;color:#fff;background-color:#0dc167;background-clip:border-box;padding:6px 14px;border-radius:100px;-webkit-transition:.25s;transition:.25s;text-transform: none;}.modal-cookie-content .btn.btn-outline{color:#0dc167;background-color:transparent;}.modal-cookie-content .btn:hover{color:#fff;background-color:#0ba967;border-color:#0ba967;-webkit-box-shadow:none;box-shadow:none}.modal-cookie-content .btn.btn-outline:hover{color:#fff;background-color:transparent}@media (min-width:576px){.modal-cookie-content{border-radius:20px}.modal-cookie-content .ml-sm-20{margin-left:20px!important}.modal-cookie-content .mt-sm-0{margin-top:0!important}.modal-cookie-content .flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.modal-cookie-content .flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.modal-cookie-content .align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}}</style><link rel="pingback" href="https://crocoblock.com/xmlrpc.php"><style>.crocoblock-cart .tooltip-content{line-height:20px;font-weight:500}.crocoblock-cart .tooltip:hover .tooltip-content{top:6px}.csc-listing{display:flex;flex-wrap:wrap;gap:30px}.csc-listing__item{flex:0 0 calc( 25% - 22.5px)}.csc-listing__item-actions{display:flex;justify-content:space-between}.csc-disabled{pointer-events:none}.csc-license-switcher{width:44px;height:16px;background:#E2E8F0;border-radius:100px}.csc-license-switcher__choice{white-space:nowrap;transition:all 0.1s ease-in-out;min-width:24px;min-height:24px;background:transparent;border-radius:100%}.csc-license-switcher__choice.is-active{background:#0DC167;box-shadow:0 0 8px rgba(13, 193, 103, 0.5)}.csc-license-switcher__choice.is-active:after,.csc-license-switcher__choice.is-active:before{width:auto;transition:all 0.1s ease-in-out;color:#0DC167}.csc-license-switcher__choice[data-license=single]:before{content:'For 1 project';position:absolute;left:-105px;padding-right:16px}.csc-license-switcher__choice[data-license=unlimited]:after{content:'For Unlimited projects';position:absolute;right:-170px;padding-left:16px}.csc-cart-container{max-width:1160px;margin:0 auto;width:calc( 100% - 30px)}.csc-cart-plugins{flex:0 0 calc( 66.6666% - 20px)}@media (max-width:900px){.csc-cart-plugins{flex:0 0 100%}}.csc-cart-plugin__icon{min-width:48px;height:48px}.csc-cart-plugin__icon svg{margin:-4px 0 0 0}@media (min-width:768px){.csc-cart-plugin__name-box{min-width:200px}}.csc-cart-plugin__remove{width:48px;height:28px}.csc-cart-plugin__remove path{fill:#CBD5E1;transition:all 0.1s ease-in-out}.csc-cart-plugin__remove:hover path{fill:#0F172A}.csc-cart-sidebar{flex:0 0 calc( 33.3333% - 20px)}@media (max-width:900px){.csc-cart-sidebar{flex:0 0 100%;display:flex;justify-content:space-between;padding:40px 0 0 0}}@media (max-width:550px){.csc-cart-sidebar{flex-direction:column}}.csc-cart-banner__save-up{top:0;right:0;white-space:nowrap;transform:translate(55px, 45px) rotate(45deg);width:240px}@media (max-width:900px){.csc-cart-banner{flex:0 0 48%}}@media (max-width:550px){.csc-cart-banner{flex:0 0 100%}}.csc-cart-banner a{display:block;width:100%}.csc-cart-banner a img{width:100%;height:auto;display:block}@media (max-width:900px){.csc-total{flex:0 0 48%}}.csc-total__discount-badge{top:15px;right:6px;letter-spacing:-2px;color:white;z-index:1}.csc-total__discount-badge span{margin-left:2px;font-size:20px}.csc-total__discount-badge:after{content:'';width:120px;height:120px;background-color:#FF3859;border-radius:110px;display:block;position:absolute;top:-55px;right:-35px;z-index:-1}.csc-more-plugins-list{margin:0 -12px}.csc-more-plugins-item{width:calc( 33.333% - 28px);margin:0 14px 28px;min-height:148px;box-shadow:0 4px 25px rgba(100, 116, 139, 0.1);transition:all 0.1s ease-in-out}@media (max-width:800px){.csc-more-plugins-item{width:calc( 50% - 28px)}}@media (max-width:500px){.csc-more-plugins-item{width:calc( 100% - 24px);margin-bottom:12px}}.csc-more-plugins-item:hover{box-shadow:0 10px 25px rgba(100, 116, 139, 0.4)}.csc-more-plugins-item__icon{flex:0 0 30%;border-bottom-left-radius:10px;border-top-left-radius:10px}.csc-mini-cart__link{display:block;position:relative;width:30px;height:22px}.csc-mini-cart__link:hover .csc-mini-cart__icon{color:#0DC167}.csc-mini-cart__count{display:flex;align-items:center;justify-content:center;position:absolute;width:16px;height:16px;border-radius:8px;right:0;top:-7px;background:#0DC167;transition:background 150ms linear;color:#fff;font-size:11px;line-height:18px;font-weight:600;text-align:center;font-family:'Cabin', sans-serif}.invert .csc-mini-cart__link svg path{fill:#fff}.invert .csc-mini-cart__link:hover svg path{fill:#0DC167}</style><meta name="generator" content="Elementor 3.11.5; features: e_optimized_assets_loading, e_optimized_css_loading, a11y_improvements; settings: css_print_method-external, google_font-enabled, font_display-auto"><style type="text/css">.site-title, .site-description { position: absolute; clip: rect(1px, 1px, 1px, 1px); }</style><link rel="icon" href="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-180x180.png" /><meta name="msapplication-TileImage" content="https://crocoblock.com/wp-content/uploads/2018/03/cropped-fav-1-270x270.png" /><style type="text/css" id="wp-custom-css">.site-branding { align-items: center; } .crocoblock-faq-page .p-style-2 p { margin-bottom:8px; } body.single figure.wp-block-video { margin: 44px 0; } .jet-review__user-avatar { height: 79px; } body.crocoblock-dynamic-widget .cs-all-items-popup.button{ color: #fff; cursor:pointer; } /*end cactus temp fix wiget single page*/ /*Revision*/ .rm-floating-btn.rm-floating-btn-light, #rm-embed-btn { display: none!important; } /* END Revision*/ .wp-block-embed-youtube iframe { width:100%; } .page-template-kava-theme.cover-active .crocoblock-site-cover, body.cover-active .crocoblock-site-cover { opacity: 0; } .page-template-kava-theme.cover-active, body.cover-active { overflow: visible; } /*Tempo*/ .croco-site-mobile-menu__container { z-index:auto; } /*Blog Banner*/ .blog-banner img { margin-top: 15px; } .site-main .single-block .blog-banner { margin: 30px 0; } .site-main .single-block a.blog-banner:after, .site-main .single-block a.blog-banner:before { content: none; } /*Body style - hot fix trash*/ body.crocoblock-pricing-page, body.kava-theme-page { overflow-x: hidden; } /* Не трогать! */ .csc-more-plugins-item[data-plugin*=jetstylemanager] { display: none; } figure.aligncenter { text-align: center; } .wp-block-embed iframe { width: 100%; } .crocoblock-cart a { text-decoration: none; } /* Не тогать! end */ /*Temp hosting fix*/ *+.row { margin-top: 0px; } /*END Temp hosting fix*/ /*Kava theme page*/ .kava-theme-page .elementor-counter-number-wrapper { color: white } /*Kava theme page end*/ /*Single Post Banner*/ @media (min-width: 1025px) { .single-post-banner { z-index: 1; } } /*Single Post Banner End*/ #disqus_thread iframe:nth-child(2n) { display: none!important; } /**Dropdown menu dynamic features ( Main menu )**/ .megamenu-col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .megamenu-content-between { justify-content: space-between; } /**Dropdown menu dynamic features ( Main menu ) end (ADD style)**/ /*Header firefox style*/ body.home-new.e--ua-firefox .site-header-stuck.site-header-inverse .site-header-wrap::before { background-color: rgba(255, 255, 255, .1); } /*Header firefox style end*/ /*home-wp*/ body.home-wp .site-actions-menu a.croco-site-desktop-menu__item-title { position: relative; font-size:0; } body.home-wp .site-actions-menu a.croco-site-desktop-menu__item-title::before { content: "Account"; position: absolute; top: 50%; left: -60px; transform: translateY(-50%); font-size: 16px; } /*home-wp end*/ /*Croco Post Navigation (forced-css)*/ .croco-post-navigation .cs-next-link:before, .croco-post-navigation .cs-prev-link:before { width: 48px; height: 48px; border-radius: 100px; box-shadow: 0px 4px 28px rgba(15, 23, 42, 0.2); transition: .2s ease-in-out; } .croco-post-navigation .cs-next-link:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.59 18L16 16.59L11.42 12L16 7.41L14.59 6L8.59 12L14.59 18Z' fill='currentColor'/%3E%3C/svg%3E%0A"); } .croco-post-navigation .cs-prev-link:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z' fill='currentColor' /%3E%3C/svg%3E"); } .croco-post-navigation .cs-next-link:hover:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.59 18L16 16.59L11.42 12L16 7.41L14.59 6L8.59 12L14.59 18Z' fill='white'/%3E%3C/svg%3E%0A"); } .croco-post-navigation .cs-prev-link:hover:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z' fill='white'/%3E%3C/svg%3E%0A"); } .croco-post-navigation .cs-next-link:hover:before, .croco-post-navigation .cs-prev-link:hover:before { background-color: #CBD5E1; } /*Croco Post Navigation end (forced-css)*/ /*оставить*/ .table-bf img { } .bf-t22-normal { display: flex!important; } .bf-t22-sale { display: none!important; } /*end оставить*/ /*Made with croco page*/ .websites-made-with-elementor-and-crocoblock .cs-websites-item__content{ display: none; } /*Made with croco page end*/ /*B Day Croco*/ .b-day-croco-off { } .b-day-croco-on { display: none!important; } /*B Day Croco end*/ /*Blog*/ body.blog .site, body.single-post .site { overflow: visible; } /*Blog end*/ /*How it works button (widjets page)*/ .how-it-works-none { display: none; } /*How it works button (widjets page) end*/ body.single .attention-block ul { margin: 0; padding-left: 60px; } /*wordpress-hosting page*/ @media (max-width: 600px) { .elementor-widget-host-providers .jet-unfold { border: 1px solid #e4e8ed; margin: 10px; } } /*wordpress-hosting page end*/ /*crocoblock_alternatives*/ .crocoblock_alternatives .tooltip-content { top: 50%; transform: translate(30px, -50%); } .crocoblock_alternatives .tooltip:hover .tooltip-content { transform: translate(0, -50%); } .crocoblock_alternatives .table td { z-index: auto; } /*download form button*/ .context-dark .download-form button.btn.btn-custom:hover { background-image: url("https://crocoblock.com/wp-content/uploads/2023/11/download-icon-dark.svg"); } /*download form bytton end*/ /*single widget title*/ body.crocoblock-dynamic-widget .h2 .elementor-heading-title { font-size: 40px; letter-spacing: 0; } @media (min-width: 768px) { body.crocoblock-dynamic-widget .h2 .elementor-heading-title { font-size: 44px; } } @media (min-width: 1200px) { body.crocoblock-dynamic-widget .h2 .elementor-heading-title { font-size: 48px; } } /*single widget title end*/ /*crocoblock-dynamic-widget html content*/ @media (max-width: 540px) { .crocoblock-dynamic-widget .text-nowrap { white-space: normal!important; } .block-title-hover div + div div { text-decoration: underline; } .block-title-hover:hover div + div div { text-decoration: none; } .block-title-hover .title:after { display: none; } } /*crocoblock-dynamic-widget html content end*/ /*widget box hover*/ a.widget-box-hover { position: relative; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; box-shadow: 0px 2px 4px 0px rgba(15, 23, 42, 0.10); overflow: hidden; } a.widget-box-hover::hover { box-shadow: 0px 14px 20px 0px rgba(15, 23, 42, 0.12); } .widget-box-hover::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-color: #0f1629; opacity: 0; -webkit-transition: opacity 0.2s ease, background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s ease, background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .widget-box-hover::after { content: ""; position: absolute; top: 47%; left: 31%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; height: 32px; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 27.6662L13.7666 25.3995L20.9999 18.1995H4.96655V15.0662H20.9999L13.7666 7.83282L15.9999 5.59949L27.0332 16.6328L15.9999 27.6662Z' fill='white'/%3E%3C/svg%3E%0A"); } .widget-box-hover .link-text { position: absolute; z-index: 2; bottom: calc(50% - 12px); -webkit-transform: translateY(150%); transform: translateY(150%); width: 100%; padding-top: 32px; display: block; font-family: "Cabin", sans-serif; font-size: 20px; font-weight: 700; line-height: 28px; color: #fff; text-align: center; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; opacity: 0; } .widget-box-hover:hover { -webkit-box-shadow: 0 14px 20px 0 rgba(15, 23, 42, 0.12); box-shadow: 0 14px 20px 0 rgba(15, 23, 42, 0.12); } .widget-box-hover:hover::before { opacity: 1; } .widget-box-hover:hover::after { left: 50%; opacity: 1; } .widget-box-hover:hover .link-text { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; } /*widget box hover*/ .main-form .checkradio-wrap .jet-form-builder__field-wrap { margin-top: 12px; margin-bottom: 5px; } /*B Day 2024*/ .discount-on { display: none !important; } .discount-off { } /*B Day 2024 end*/ /*jetwoobuilde*/ body.jetplugins.jetwoobuilder .bg-block { background-repeat: no-repeat !important; } body.jetplugins.jetwoobuilder .bg-block.jetengine { background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(0, #9D64ED)); background: linear-gradient(90deg, #fff 0, #9D64ED 0); background-size: 100% 39%; } body.jetplugins.jetwoobuilder .bg-block.gray-200 { background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(20%, #e0e7ef)); background: linear-gradient(180deg, #fff 20%, #e0e7ef 20%); background-size: 100% 100%; } @media (min-width: 576px) { body.jetplugins.jetwoobuilder .bg-block.jetengine { background-size: 100% 32%; } body.jetplugins.jetwoobuilder .bg-block.gray-200 { background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), color-stop(30%, #e0e7ef)); background: linear-gradient(180deg, #fff 30%, #e0e7ef 30%); } } @media (min-width: 768px) { body.jetplugins.jetwoobuilder .bg-block.jetengine { background-size: 100% 28%; } body.jetplugins.jetwoobuilder .bg-block.gray-200 { background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #fff), color-stop(41%, #e0e7ef)); background: linear-gradient(180deg, #fff 41%, #e0e7ef 41%); } } @media (min-width: 1025px) { body.jetplugins.jetwoobuilder .bg-block.jetengine { background: -webkit-gradient(linear, left top, right top, color-stop(40.5%, #fff), color-stop(40.5%, #9D64ED)); background: linear-gradient(90deg, #fff 40.5%, #9D64ED 40.5%); background-size: 100%; } body.jetplugins.jetwoobuilder .bg-block.gray-200 { background: -webkit-gradient(linear, left top, right top, color-stop(51%, #fff), color-stop(51%, #e0e7ef)); background: linear-gradient(90deg, #fff 51%, #e0e7ef 51%); background-size: 100%; } } @media (min-width: 1200px) { body.jetplugins.jetwoobuilder .bg-block.jetengine { background: -webkit-gradient(linear, left top, right top, color-stop(53.2%, #fff), color-stop(53.2%, #9D64ED)); background: linear-gradient(90deg, #fff 53.2%, #9D64ED 53.2%); } body.jetplugins.jetwoobuilder .bg-block.gray-200 { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #e0e7ef)); background: linear-gradient(90deg, #fff 50%, #e0e7ef 50%); } } /*jetwoobuilder end*/ /*gutters-xl-20*/ @media (min-width: 1200px) { .gutters-xl-20 { margin-left: -10px; margin-right: -10px; } .gutters-xl-20 > [class*=col-] { padding-left: 10px; padding-right: 10px; } } /*gutters-xl-20 end*/ /*jetbooking*/ body.jetplugins.jetbooking .bg-block { background-repeat: no-repeat !important; } body.jetplugins.jetbooking .bg-block.jetbooking { background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, #fff), color-stop(36%, #506EF8)); background: linear-gradient(180deg, #fff 36%, #506EF8 36%); } @media (min-width: 768px) { body.jetplugins.jetbooking .bg-block.jetbooking { background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, #fff), color-stop(48%, #506EF8)); background: linear-gradient(180deg, #fff 48%, #506EF8 48%); } } @media (min-width: 1025px) { body.jetplugins.jetbooking .bg-block.jetbooking { background: -webkit-gradient(linear, left top, right top, color-stop(53.4%, #fff), color-stop(53.4%, #506EF8)); background: linear-gradient(90deg, #fff 53.4%, #506EF8 53.4%); } } /*jetbooking end*/ /*jetbooking navigation menu context dark*/ .context-dark .navigation-menu-list .navigation-block-item a:not(.btn) { color: #93a2b8; } .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a.active:not(.btn) { color: #7792ff !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a.active:not(.btn)::before { background-color: #7792ff !important; } /*jetbooking navigation menu context dark end*/ body.jetplugins.jetbooking .croco-pricing-widget .list.list-custom.mb-40 li:first-child { display: none !important; } /*gutters-16*/ .gutters-16 { margin-left: -8px; margin-right: -8px; } .gutters-16 > [class*=col-] { padding-left: 8px; padding-right: 8px; } /*gutters-16 end*/ /*Theming Navigation menu list Color light*/ .context-dark .navigation-menu-list.navigation-menu-list-primary .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-primary .navigation-block-item a.active:not(.btn) { color: #1ae27e !important; } .context-dark .navigation-menu-list.navigation-menu-list-primary .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-primary .navigation-block-item a.active:not(.btn)::before { background-color: #1ae27e !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetsmartfilters .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetsmartfilters .navigation-block-item a.active:not(.btn) { color: #ff706a !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetsmartfilters .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetsmartfilters .navigation-block-item a.active:not(.btn)::before { background-color: #ff706a !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetblocks .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetblocks .navigation-block-item a.active:not(.btn) { color: #f8843d !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetblocks .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetblocks .navigation-block-item a.active:not(.btn)::before { background-color: #f8843d !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetreviews .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetreviews .navigation-block-item a.active:not(.btn) { color: #f29f45 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetreviews .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetreviews .navigation-block-item a.active:not(.btn)::before { background-color: #f29f45 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetthemecore .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetthemecore .navigation-block-item a.active:not(.btn) { color: #f2d039 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetthemecore .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetthemecore .navigation-block-item a.active:not(.btn)::before { background-color: #f2d039 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetstylemanager .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetstylemanager .navigation-block-item a.active:not(.btn) { color: #c4c510 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetstylemanager .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetstylemanager .navigation-block-item a.active:not(.btn)::before { background-color: #c4c510 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetmenu .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetmenu .navigation-block-item a.active:not(.btn) { color: #8cd235 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetmenu .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetmenu .navigation-block-item a.active:not(.btn)::before { background-color: #8cd235 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetgridbuilder .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetgridbuilder .navigation-block-item a.active:not(.btn) { color: #21d955 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetgridbuilder .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetgridbuilder .navigation-block-item a.active:not(.btn)::before { background-color: #21d955 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetproductgallery .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetproductgallery .navigation-block-item a.active:not(.btn) { color: #23d7d0 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetproductgallery .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetproductgallery .navigation-block-item a.active:not(.btn)::before { background-color: #23d7d0 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jettricks .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jettricks .navigation-block-item a.active:not(.btn) { color: #25cae5 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jettricks .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jettricks .navigation-block-item a.active:not(.btn)::before { background-color: #25cae5 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetappointment .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetappointment .navigation-block-item a.active:not(.btn) { color: #2abae5 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetappointment .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetappointment .navigation-block-item a.active:not(.btn)::before { background-color: #2abae5 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jettabs .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jettabs .navigation-block-item a.active:not(.btn) { color: #3fb5f2 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jettabs .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jettabs .navigation-block-item a.active:not(.btn)::before { background-color: #3fb5f2 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetcomparewishlist .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetcomparewishlist .navigation-block-item a.active:not(.btn) { color: #54a2f7 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetcomparewishlist .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetcomparewishlist .navigation-block-item a.active:not(.btn)::before { background-color: #54a2f7 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetpopup .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetpopup .navigation-block-item a.active:not(.btn) { color: #6b97f9 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetpopup .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetpopup .navigation-block-item a.active:not(.btn)::before { background-color: #6b97f9 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a.active:not(.btn) { color: #7792ff !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetbooking .navigation-block-item a.active:not(.btn)::before { background-color: #7792ff !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetengine .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetengine .navigation-block-item a.active:not(.btn) { color: #b590f4 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetengine .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetengine .navigation-block-item a.active:not(.btn)::before { background-color: #b590f4 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetwoobuilder .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetwoobuilder .navigation-block-item a.active:not(.btn) { color: #e57ff6 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetwoobuilder .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetwoobuilder .navigation-block-item a.active:not(.btn)::before { background-color: #e57ff6 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetelements .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetelements .navigation-block-item a.active:not(.btn) { color: #fc6bd3 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetelements .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetelements .navigation-block-item a.active:not(.btn)::before { background-color: #fc6bd3 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetsearch .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetsearch .navigation-block-item a.active:not(.btn) { color: #ff669c !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetsearch .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetsearch .navigation-block-item a.active:not(.btn)::before { background-color: #ff669c !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetblog .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetblog .navigation-block-item a.active:not(.btn) { color: #fe6783 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetblog .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetblog .navigation-block-item a.active:not(.btn)::before { background-color: #fe6783 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetproducttables .navigation-block-item a:hover:not(.btn), .context-dark .navigation-menu-list.navigation-menu-list-jetproducttables .navigation-block-item a.active:not(.btn) { color: #ff7f95 !important; } .context-dark .navigation-menu-list.navigation-menu-list-jetproducttables .navigation-block-item a:hover:not(.btn)::before, .context-dark .navigation-menu-list.navigation-menu-list-jetproducttables .navigation-block-item a.active:not(.btn)::before { background-color: #ff7f95 !important; } /*Theming Navigation menu list Color light end*/ /*Theming Tab Context Dark*/ .context-dark .jet-tabs-modern.jet-tabs-primary .jet-tabs__control-inner:hover { color: #1ae27e; border-color: #1ae27e; } .context-dark .jet-tabs-modern.jet-tabs-primary .active-tab .jet-tabs__control-inner { color: #1ae27e; border-color: #1ae27e; } .context-dark .jet-tabs-modern.jet-tabs-jetsmartfilters .jet-tabs__control-inner:hover { color: #ff706a; border-color: #ff706a; } .context-dark .jet-tabs-modern.jet-tabs-jetsmartfilters .active-tab .jet-tabs__control-inner { color: #ff706a; border-color: #ff706a; } .context-dark .jet-tabs-modern.jet-tabs-jetblocks .jet-tabs__control-inner:hover { color: #f8843d; border-color: #f8843d; } .context-dark .jet-tabs-modern.jet-tabs-jetblocks .active-tab .jet-tabs__control-inner { color: #f8843d; border-color: #f8843d; } .context-dark .jet-tabs-modern.jet-tabs-jetreviews .jet-tabs__control-inner:hover { color: #f29f45; border-color: #f29f45; } .context-dark .jet-tabs-modern.jet-tabs-jetreviews .active-tab .jet-tabs__control-inner { color: #f29f45; border-color: #f29f45; } .context-dark .jet-tabs-modern.jet-tabs-jetthemecore .jet-tabs__control-inner:hover { color: #f2d039; border-color: #f2d039; } .context-dark .jet-tabs-modern.jet-tabs-jetthemecore .active-tab .jet-tabs__control-inner { color: #f2d039; border-color: #f2d039; } .context-dark .jet-tabs-modern.jet-tabs-jetstylemanager .jet-tabs__control-inner:hover { color: #c4c510; border-color: #c4c510; } .context-dark .jet-tabs-modern.jet-tabs-jetstylemanager .active-tab .jet-tabs__control-inner { color: #c4c510; border-color: #c4c510; } .context-dark .jet-tabs-modern.jet-tabs-jetmenu .jet-tabs__control-inner:hover { color: #8cd235; border-color: #8cd235; } .context-dark .jet-tabs-modern.jet-tabs-jetmenu .active-tab .jet-tabs__control-inner { color: #8cd235; border-color: #8cd235; } .context-dark .jet-tabs-modern.jet-tabs-jetgridbuilder .jet-tabs__control-inner:hover { color: #21d955; border-color: #21d955; } .context-dark .jet-tabs-modern.jet-tabs-jetgridbuilder .active-tab .jet-tabs__control-inner { color: #21d955; border-color: #21d955; } .context-dark .jet-tabs-modern.jet-tabs-jetproductgallery .jet-tabs__control-inner:hover { color: #23d7d0; border-color: #23d7d0; } .context-dark .jet-tabs-modern.jet-tabs-jetproductgallery .active-tab .jet-tabs__control-inner { color: #23d7d0; border-color: #23d7d0; } .context-dark .jet-tabs-modern.jet-tabs-jettricks .jet-tabs__control-inner:hover { color: #25cae5; border-color: #25cae5; } .context-dark .jet-tabs-modern.jet-tabs-jettricks .active-tab .jet-tabs__control-inner { color: #25cae5; border-color: #25cae5; } .context-dark .jet-tabs-modern.jet-tabs-jetappointment .jet-tabs__control-inner:hover { color: #2abae5; border-color: #2abae5; } .context-dark .jet-tabs-modern.jet-tabs-jetappointment .active-tab .jet-tabs__control-inner { color: #2abae5; border-color: #2abae5; } .context-dark .jet-tabs-modern.jet-tabs-jettabs .jet-tabs__control-inner:hover { color: #3fb5f2; border-color: #3fb5f2; } .context-dark .jet-tabs-modern.jet-tabs-jettabs .active-tab .jet-tabs__control-inner { color: #3fb5f2; border-color: #3fb5f2; } .context-dark .jet-tabs-modern.jet-tabs-jetcomparewishlist .jet-tabs__control-inner:hover { color: #54a2f7; border-color: #54a2f7; } .context-dark .jet-tabs-modern.jet-tabs-jetcomparewishlist .active-tab .jet-tabs__control-inner { color: #54a2f7; border-color: #54a2f7; } .context-dark .jet-tabs-modern.jet-tabs-jetpopup .jet-tabs__control-inner:hover { color: #6b97f9; border-color: #6b97f9; } .context-dark .jet-tabs-modern.jet-tabs-jetpopup .active-tab .jet-tabs__control-inner { color: #6b97f9; border-color: #6b97f9; } .context-dark .jet-tabs-modern.jet-tabs-jetbooking .jet-tabs__control-inner:hover { color: #7792ff; border-color: #7792ff; } .context-dark .jet-tabs-modern.jet-tabs-jetbooking .active-tab .jet-tabs__control-inner { color: #7792ff; border-color: #7792ff; } .context-dark .jet-tabs-modern.jet-tabs-jetengine .jet-tabs__control-inner:hover { color: #b590f4; border-color: #b590f4; } .context-dark .jet-tabs-modern.jet-tabs-jetengine .active-tab .jet-tabs__control-inner { color: #b590f4; border-color: #b590f4; } .context-dark .jet-tabs-modern.jet-tabs-jetwoobuilder .jet-tabs__control-inner:hover { color: #e57ff6; border-color: #e57ff6; } .context-dark .jet-tabs-modern.jet-tabs-jetwoobuilder .active-tab .jet-tabs__control-inner { color: #e57ff6; border-color: #e57ff6; } .context-dark .jet-tabs-modern.jet-tabs-jetelements .jet-tabs__control-inner:hover { color: #fc6bd3; border-color: #fc6bd3; } .context-dark .jet-tabs-modern.jet-tabs-jetelements .active-tab .jet-tabs__control-inner { color: #fc6bd3; border-color: #fc6bd3; } .context-dark .jet-tabs-modern.jet-tabs-jetsearch .jet-tabs__control-inner:hover { color: #ff669c; border-color: #ff669c; } .context-dark .jet-tabs-modern.jet-tabs-jetsearch .active-tab .jet-tabs__control-inner { color: #ff669c; border-color: #ff669c; } .context-dark .jet-tabs-modern.jet-tabs-jetblog .jet-tabs__control-inner:hover { color: #fe6783; border-color: #fe6783; } .context-dark .jet-tabs-modern.jet-tabs-jetblog .active-tab .jet-tabs__control-inner { color: #fe6783; border-color: #fe6783; } .context-dark .jet-tabs-modern.jet-tabs-jetproducttables .jet-tabs__control-inner:hover { color: #ff7f95; border-color: #ff7f95; } .context-dark .jet-tabs-modern.jet-tabs-jetproducttables .active-tab .jet-tabs__control-inner { color: #ff7f95; border-color: #ff7f95; } /*Theming Tab Context Dark end*/ /*wp-summit Slider*/ .wp-summit .slick-croco .slick-slide { padding: 0 10px; } .wp-summit .slick-croco .slick-list { margin: 0 -10px; } /*wp-summit Slider end*/ /*wp-summit collapse-block*/ .wp-summit .collapse-block { display: none; } /*wp-summit collapse-block end*/ /*jetproducttables*/ body.jetplugins.jetproducttables .bg-block { background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #0EAEC9), to(#fff)); background: linear-gradient(0deg, #0EAEC9 100%, #fff 100%); } body.jetplugins.jetproducttables .bg-block.v2 { background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #D652EB), to(#fff)); background: linear-gradient(0deg, #D652EB 100%, #fff 100%); } body.jetplugins.jetproducttables .bg-block.v3 { background: -webkit-gradient(linear, left bottom, left top, color-stop(95%, #1d2739), color-stop(95%, #fff)); background: linear-gradient(0deg, #1d2739 95%, #fff 95%); } body.jetplugins.jetproducttables .bg-block.v4 { background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #D652EB), to(#fff)); background: linear-gradient(0deg, #D652EB 100%, #fff 100%); } body.jetplugins.jetproducttables .bg-block.v5 { background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #cbd5e1), to(#f0f4f9)); background: linear-gradient(0deg, #cbd5e1 100%, #f0f4f9 100%); } @media (min-width: 768px) { body.jetplugins.jetproducttables .bg-block.v2 { background: -webkit-gradient(linear, left top, right top, color-stop(31%, #fff), color-stop(31%, #D652EB)); background: linear-gradient(90deg, #fff 31%, #D652EB 31%); } body.jetplugins.jetproducttables .bg-block.v3 { background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #1d2739), to(#fff)); background: linear-gradient(0deg, #1d2739 100%, #fff 100%); } body.jetplugins.jetproducttables .bg-block.v5 { background: -webkit-gradient(linear, left top, right top, color-stop(22%, #f0f4f9), color-stop(22%, #cbd5e1)); background: linear-gradient(90deg, #f0f4f9 22%, #cbd5e1 22%); } } @media (min-width: 1025px) { body.jetplugins.jetproducttables .bg-block { background: -webkit-gradient(linear, left top, right top, color-stop(78.4%, #0EAEC9), color-stop(78.4%, #fff)); background: linear-gradient(90deg, #0EAEC9 78.4%, #fff 78.4%); } body.jetplugins.jetproducttables .bg-block.v2 { background: -webkit-gradient(linear, left top, right top, color-stop(28%, #fff), color-stop(28%, #D652EB)); background: linear-gradient(90deg, #fff 28%, #D652EB 28%); } body.jetplugins.jetproducttables .bg-block.v3 { background: -webkit-gradient(linear, left top, right top, color-stop(31.5%, #fff), color-stop(31.5%, #1d2739)); background: linear-gradient(90deg, #fff 31.5%, #1d2739 31.5%); } body.jetplugins.jetproducttables .bg-block.v4 { background: -webkit-gradient(linear, left top, right top, color-stop(32%, #fff), color-stop(32%, #D652EB)); background: linear-gradient(90deg, #fff 32%, #D652EB 32%); } } @media (min-width: 1200px) { body.jetplugins.jetproducttables .bg-block { background: -webkit-gradient(linear, left top, right top, color-stop(75%, #0EAEC9), color-stop(75%, #fff)); background: linear-gradient(90deg, #0EAEC9 75%, #fff 75%); } body.jetplugins.jetproducttables .bg-block.v2 { background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(40%, #D652EB)); background: linear-gradient(90deg, #fff 40%, #D652EB 40%); } body.jetplugins.jetproducttables .bg-block.v3 { background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(40%, #1d2739)); background: linear-gradient(90deg, #fff 40%, #1d2739 40%); } body.jetplugins.jetproducttables .bg-block.v4 { background: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(40%, #D652EB)); background: linear-gradient(90deg, #fff 40%, #D652EB 40%); } body.jetplugins.jetproducttables .bg-block.v5 { background: -webkit-gradient(linear, left top, right top, color-stop(23%, #f0f4f9), color-stop(23%, #cbd5e1)); background: linear-gradient(90deg, #f0f4f9 23%, #cbd5e1 23%); } } /*jetproducttables end*/ /*ecommerce page*/ .ecommerce .bg-block { background: -webkit-gradient(linear, left bottom, left top, color-stop(52%, #D652EB), color-stop(52%, #fff)); background: linear-gradient(0deg, #D652EB 52%, #fff 52%); } @media (min-width: 768px) { .ecommerce .bg-block { background: -webkit-gradient(linear, left bottom, left top, color-stop(42%, #D652EB), color-stop(42%, #fff)); background: linear-gradient(0deg, #D652EB 42%, #fff 42%); } } @media (min-width: 1025px) { .ecommerce .bg-block { background: -webkit-gradient(linear, left top, right top, color-stop(46.4%, #D652EB), color-stop(46.4%, #fff)); background: linear-gradient(90deg, #D652EB 46.4%, #fff 46.4%); } } @media (min-width: 1200px) { .ecommerce .bg-block { background: -webkit-gradient(linear, left top, right top, color-stop(47%, #D652EB), color-stop(47%, #fff)); background: linear-gradient(90deg, #D652EB 47%, #fff 47%); } } /*ecommerce page end*/ /*bg-rg-jetwoobuilder-jettricks*/ .bg-rg-jetwoobuilder-jettricks { background-image: url("data:image/svg+xml,%3Csvg width='2345' height='2212' viewBox='0 0 2345 2212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='623' cy='623' r='623' fill='url(%23paint0_radial_2997_5185)'/%3E%3Ccircle cx='1722' cy='1589' r='623' fill='url(%23paint1_radial_2997_5185)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_2997_5185' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(621.786 621.786) rotate(90) scale(624.214)'%3E%3Cstop stop-color='%23bb2ccf'/%3E%3Cstop offset='1' stop-color='transparent' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_2997_5185' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1722 1589) rotate(-16.3273) scale(649.18)'%3E%3Cstop stop-color='%230c91b1'/%3E%3Cstop offset='0.95506' stop-color='transparent' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-position: 50%; background-repeat: no-repeat; } @media (max-width: 576px) { .bg-rg-jetwoobuilder-jettricks { background-position: 34%; } } /*bg-rg-jetwoobuilder-jettricks end*/ /*ecommerce plugin-hover*/ .ecommerce .plugin-hover a { background-color: #334155; border-radius: 16px; } .ecommerce .plugin-hover a:hover { background-color: #64748B; } /*ecommerce plugin-hover end*/ /*bg-black*/ .bg-black { background-color: #000000 !important; } /*bg-black end*/ .site-header-desktop .site-main-navigation { flex: 0 0 41.6%; max-width: 41.6%; } /*discounts*/ .discounts .discount-timer .timer-value { font-size: 48px; line-height: 48px; color: #ffffff; } .discounts .discount-timer .timer-text { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 27px; font-weight: 700; text-transform: uppercase; } .discounts .img-left { position: absolute; top: 0; left: 0; } .discounts .img-right { position: absolute; top: 0; right: 0; } .discounts .discount-timer div { width: 78px; } /*discounts end*/ .site-header-mobile .site-header-wrap { position: relative; }</style> <script>(function(i,s,o,g,r,a,m){ i["esSdk"] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, a=s.createElement(o), m=s.getElementsByTagName(o)[0]; a.async=1; a.src=g; m.parentNode.insertBefore(a,m)} ) (window, document, "script", "https://esputnik.com/scripts/v1/public/scripts?apiKey=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiI0NTI0ZWZhYTJkYzI2MGRmYTM4YTE1NDBlMWFlYmU1M2QxYjUyMDE3MzM0OWZhOTAxY2E1NDM3MGQwOGY0MzBlMmRlZmYwMzc0MWY1ZTE2MjI3MGU2OGY5YzIyMWRiMGEyZWUyYTMwOTUwMzE3ZmIxYmEyYzUyZDQyMzA4ZmQzOWY1ZDhhNTM3MzI3NTY0NTZiOTczZjQ3ZmVmZDQ1MTFhMDY4ZWUzOWQ5OTFjNjg1OGZhMDFhZjkxOTVlNCJ9.cGEQGHvxn4D0k_IOHNkIFRQIXF-u7ZIf1HeZVnfltaFoQFfBSah3uy6pYcdyruthG43ew0Qv9PN2C7GIeb6d4g&domain=B5F0E6E2-EC27-43E5-9D9B-52C3E3697BB2", "es"); es("pushOn");</script> </head><body class="post-template-default single single-post postid-9979 single-format-standard wp-custom-logo no-sidebar site-header-stuck-disabled ie elementor-default elementor-kit-22743"><div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a><style type="text/css">body .site-header-mobile .site-header-wrap{position:relative}.stand-with-ukraine{display:block;font-family:Cabin,sans-serif;font-size:14px;line-height:22px;font-weight:700;font-style:normal;color:#fff;background:#1a64e9;text-decoration:none}.stand-with-ukraine:hover{color:#fff}.stand-with-ukraine:hover .swu-content span::after{opacity:0;visibility:hidden}.stand-with-ukraine .swu-container{width:100%;max-width:1200px;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;margin-left:auto}.stand-with-ukraine .first-image-wrapper,.stand-with-ukraine .second-image-wrapper{display:none;font-size:0;line-height:0}.stand-with-ukraine .swu-content{padding:4px 0}.stand-with-ukraine .swu-content span{position:relative;color:#f2d23c}.stand-with-ukraine .swu-content span::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background-color:#f2d23c;-webkit-transition:.25s;transition:.25s}@media (min-width:576px){.stand-with-ukraine{font-size:16px;line-height:150%}.stand-with-ukraine .swu-content{padding:8px 0}}@media (min-width:990px){.stand-with-ukraine .swu-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.stand-with-ukraine .first-image-wrapper,.stand-with-ukraine .second-image-wrapper{display:block}}body:not(.site-header-stuck-disabled) .site-header-stuck .site-header-wrap {top: 0;}</style><a href="https://www.peoplesproject.com/en/" target="_blank" class="stand-with-ukraine"><div class="swu-container"><div class="first-image-wrapper text-size-null"> <noscript><img width="260" height="40" alt="stand for ukrainian independence image" src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-01.webp"></noscript><img class="lazyload" width="260" height="40" alt="stand for ukrainian independence image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20260%2040%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-01.webp"></div><div class="swu-content">Stand for Ukrainian Independence. <span>Contribute.</span></div><div class="second-image-wrapper text-size-null"> <noscript><img width="260" height="40" alt="stand for ukrainian independence image" src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-02.webp"></noscript><img class="lazyload" width="260" height="40" alt="stand for ukrainian independence image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20260%2040%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2023/07/stand-with-ukraine-img-02.webp"></div></div> </a><header id="masthead" class="site-header site-header-desktop site-header-transparent site-header-inverse" itemscope itemtype="http://schema.org/WPHeader"><div class="site-header-wrap"><div class="site-header-container"><div class="site-main-navigation"><div id="croco-site-desktop-menu" class="croco-site-desktop-menu"><DesktopMenu></DesktopMenu></div></div><div class="site-branding"><a href="https://crocoblock.com/" class="custom-logo-link" rel="home" itemprop="url"> <noscript><img width="172" height="24" src="https://crocoblock.com/wp-content/uploads/2024/11/invert-crocoblock-logo.svg" class="custom-logo" alt="Crocoblock Subscription Service" itemprop="logo"></noscript><img width="172" height="24" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20172%2024%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/11/invert-crocoblock-logo.svg" class="lazyload custom-logo" alt="Crocoblock Subscription Service" itemprop="logo"> </a></div><div class="site-actions-menu"><div id="croco-site-desktop-support-menu" class="croco-site-desktop-menu"><DesktopMenu></DesktopMenu></div></div><div class="cart"><div class="csc-mini-cart"> <a class="csc-mini-cart__link" href="https://crocoblock.com/cart/"><div class="csc-mini-cart__icon"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.55 11C15.3 11 15.96 10.59 16.3 9.97L19.88 3.48C19.9643 3.32843 20.0075 3.15747 20.0054 2.98406C20.0034 2.81064 19.956 2.64077 19.8681 2.49126C19.7803 2.34175 19.6549 2.21778 19.5043 2.13162C19.3538 2.04545 19.1834 2.00009 19.01 2H4.21L3.27 0H0V2H2L5.6 9.59L4.25 12.03C3.52 13.37 4.48 15 6 15H18V13H6L7.1 11H14.55ZM5.16 4H17.31L14.55 9H7.53L5.16 4ZM6 16C4.9 16 4.01 16.9 4.01 18C4.01 19.1 4.9 20 6 20C7.1 20 8 19.1 8 18C8 16.9 7.1 16 6 16ZM16 16C14.9 16 14.01 16.9 14.01 18C14.01 19.1 14.9 20 16 20C17.1 20 18 19.1 18 18C18 16.9 17.1 16 16 16Z"/> </svg></div><div class="csc-mini-cart__count"><span class="csc-count-fragment">0</span></div> </a></div></div></div></div></header><section class="bg-900 bg-gradient-section-jetblog context-dark pt-120 pb-20 pb-md-0"><div class="container"><div class="h1 m-0 pb-40 pb-xl-20 text-center text-md-left">Help Center</div></div></section><section class="bg-700 context-dark sticky-top"><div class="container"><div class="d-flex flex-column flex-xl-row-reverse align-items-center justify-content-between"><div class="jet-ajax-search-block main-search"><div class="jet-ajax-search" data-settings="{"search_source":["post"],"search_taxonomy":"category","include_terms_ids":[],"exclude_terms_ids":[],"exclude_posts_ids":[],"custom_fields_source":"","limit_query":7,"limit_query_tablet":"","limit_query_mobile":"","limit_query_in_result_area":150,"results_order_by":"","results_order":"asc","sentence":true,"search_in_taxonomy":false,"search_in_taxonomy_source":[],"results_area_width_by":"form","results_area_custom_width":444,"results_area_custom_position":"","thumbnail_visible":false,"thumbnail_size":"","thumbnail_placeholder":{"url":"http:\/\/localhost\/2022\/knowledge-base\/wp-content\/plugins\/jet-search\/assets\/images\/placeholder.png"},"post_content_source":"custom-field","post_content_custom_field_key":"","post_content_length":0,"show_product_price":false,"show_product_rating":false,"show_result_new_tab":false,"highlight_searched_text":false,"symbols_for_start_searching":3,"bullet_pagination":"","number_pagination":"","navigation_arrows":"","navigation_arrows_type":"angle","show_title_related_meta":false,"meta_title_related_position":"before","title_related_meta":[],"show_content_related_meta":false,"meta_content_related_position":"before","content_related_meta":[],"negative_search":"Sorry, but nothing matched your search terms.","server_error":"Sorry, but we cannot handle your search query now. Please, try again later!"}"><form class="jet-ajax-search__form" method="get" action="https://crocoblock.com/" role="search" target=""><div class="jet-ajax-search__fields-holder"><div class="jet-ajax-search__field-wrapper"> <span class="jet-ajax-search__field-icon jet-ajax-search-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z"></path> </svg></span> <input class="jet-ajax-search__field" type="search" placeholder="Search" value="" name="s" autocomplete="off" /> <input type="hidden" value="{"search_source":"post","search_taxonomy":"category","results_order":"asc","sentence":true}" name="jet_ajax_search_settings" /> <input type="hidden" value="post" name="post_type" /></div></div></form><div class="jet-ajax-search__results-area" ><div class="jet-ajax-search__results-holder"><div class="jet-ajax-search__results-header"><div class="jet-ajax-search__navigation-holder"></div></div><div class="jet-ajax-search__results-list"><div class="jet-ajax-search__results-list-inner"></div></div><div class="jet-ajax-search__results-footer"> <button class="jet-ajax-search__full-results">See all <span class="jet-ajax-search__results-count font-weight-bold"><span></span></span> results</button><div class="jet-ajax-search__navigation-holder"></div></div></div><div class="jet-ajax-search__message"></div><div class="jet-ajax-search__spinner-holder"><div class="jet-ajax-search__spinner align-items-center justify-content-center"><div class="spinner"></div></div></div></div></div></div><ul class="list d-flex flex-wrap justify-content-center justify-content-md-start m-0 position-relative custom-navigation custom-navigation-jetpopup mt-32 mt-md-20 mt-xl-0"><li><a class="d-block text-font-sec font-weight-bold py-12 py-md-24 px-12 px-md-16 custom-navigation-link" href="https://crocoblock.com/knowledge-base/">Knowledge Base</a></li><li><a class="d-block text-font-sec font-weight-bold py-12 py-md-24 px-12 px-md-16 custom-navigation-link ts" href="https://crocoblock.com/knowledge-base/troubleshooting/">Troubleshooting</a></li><li><a class="d-block text-font-sec font-weight-bold py-12 py-md-24 px-12 px-md-16 custom-navigation-link support " href="https://crocoblock.com/help-center/">Support</a></li><li><a class="d-block text-font-sec font-weight-bold py-12 py-md-24 px-12 px-md-16 custom-navigation-link blog active-blog" href="https://crocoblock.com/blog/">Blog</a></li></ul></div></div></section><div id="content" class="site-content"><div class="site-content__wrap"><div id="primary" class="content-area"><main id="main" class="site-main"><div id="panel-anchor"></div><div class="pt-20 pb-60"><div class="croco-share shadow-box d-flex pt-16 pb-0 px-16 bg-white flex-column position-fixed my-12 mt-xl-40"><a class="crocoblock-share__item-link d-flex mb-16 facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F&t=AJAX+Search+for+WordPress+Websites%3A+Live+Search+Results+at+Lightning+Speed" rel="nofollow" title="Share on Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.25 4.5H18V0H14.25C11.355 0 9 2.355 9 5.25V7.5H6V12H9V24H13.5V12H17.25L18 7.5H13.5V5.25C13.5 4.8435 13.8435 4.5 14.25 4.5Z" fill="#CBD5E1"/></svg></a><a class="crocoblock-share__item-link d-flex mb-16 twitter" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F&text=AJAX+Search+for+WordPress+Websites%3A+Live+Search+Results+at+Lightning+Speed" rel="nofollow" title="Share on Twitter"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.75 5.96017C21.0328 6.26954 20.2524 6.4922 19.4485 6.57892C20.2831 6.08306 20.9081 5.2997 21.2063 4.37579C20.4231 4.8417 19.5651 5.16841 18.6703 5.34142C18.2964 4.94163 17.8441 4.62315 17.3417 4.40581C16.8392 4.18847 16.2974 4.07693 15.75 4.07813C13.5352 4.07813 11.7539 5.87345 11.7539 8.07657C11.7539 8.38595 11.7914 8.69532 11.8524 8.99298C8.53596 8.81954 5.57815 7.23517 3.61174 4.80938C3.25344 5.42137 3.06568 6.1182 3.06799 6.82735C3.06799 8.21485 3.77346 9.43829 4.84924 10.1578C4.21527 10.1329 3.59614 9.9586 3.04221 9.64923V9.69845C3.04221 11.6414 4.41565 13.2516 6.24612 13.6219C5.90243 13.7112 5.54887 13.7568 5.19377 13.7578C4.93362 13.7578 4.68752 13.732 4.43909 13.6969C4.94534 15.2813 6.41956 16.432 8.17502 16.4695C6.80159 17.5453 5.08127 18.1781 3.21331 18.1781C2.87815 18.1781 2.56877 18.1664 2.24768 18.1289C4.01956 19.2656 6.1219 19.9219 8.38596 19.9219C15.736 19.9219 19.7578 13.8328 19.7578 8.54767C19.7578 8.37423 19.7578 8.20079 19.7461 8.02735C20.5242 7.45782 21.2063 6.75235 21.75 5.96017Z" fill="#CBD5E1"/></svg></a><a class="crocoblock-share__item-link d-flex mb-16 linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F&title=AJAX+Search+for+WordPress+Websites%3A+Live+Search+Results+at+Lightning+Speed&summary=Want+to+make+your+site+even+more+user-friendly%3F+Then%2C+you+need+to+add+AJAX+search+to+it.+It+will+help+you+quickly+find...&source=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F" rel="nofollow" title="Share on LinkedIn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.17092 5.00904C7.17092 6.21744 6.19132 7.19704 4.98292 7.19704C3.77452 7.19704 2.79492 6.21744 2.79492 5.00904C2.79492 3.80065 3.77452 2.82104 4.98292 2.82104C6.19132 2.82104 7.17092 3.80065 7.17092 5.00904ZM9.23697 20.9939V8.85493H12.855V10.5149H12.906C13.409 9.56193 14.639 8.55493 16.474 8.55493C20.296 8.55493 21 11.0679 21 14.3379V20.9949H17.229V15.0909C17.229 13.6839 17.205 11.8729 15.268 11.8729C13.304 11.8729 13.006 13.4069 13.006 14.9909V20.9939H9.23697ZM6.86997 8.85493H3.09497V20.9939H6.86997V8.85493Z" fill="#CBD5E1"/></svg></a><a class="crocoblock-share__item-link d-flex mb-16 pinterest" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fcrocoblock.com%2Fblog%2Fajax-based-jetsearch-functionality%2F&description=AJAX+Search+for+WordPress+Websites%3A+Live+Search+Results+at+Lightning+Speed&media=https%3A%2F%2Fcrocoblock.com%2Fwp-content%2Fuploads%2F2019%2F01%2FExplained_-_AJAX_Search.png" rel="nofollow" title="Share on Pinterest"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.99 2C6.472 2 2 6.473 2 11.99C2 16.222 4.633 19.84 8.35 21.296C8.262 20.506 8.184 19.29 8.384 18.428C8.566 17.648 9.556 13.462 9.556 13.462C9.556 13.462 9.257 12.863 9.257 11.978C9.257 10.59 10.062 9.553 11.065 9.553C11.918 9.553 12.329 10.193 12.329 10.96C12.329 11.818 11.783 13.099 11.502 14.287C11.267 15.281 12.001 16.092 12.981 16.092C14.756 16.092 16.122 14.22 16.122 11.517C16.122 9.125 14.403 7.453 11.949 7.453C9.106 7.453 7.437 9.585 7.437 11.788C7.437 12.646 7.768 13.567 8.181 14.068C8.2161 14.1057 8.24088 14.1519 8.25297 14.202C8.26505 14.2521 8.26403 14.3044 8.25 14.354C8.174 14.669 8.005 15.348 7.973 15.487C7.929 15.67 7.828 15.709 7.638 15.621C6.391 15.04 5.611 13.216 5.611 11.75C5.611 8.599 7.9 5.705 12.212 5.705C15.678 5.705 18.371 8.174 18.371 11.475C18.371 14.919 16.2 17.688 13.187 17.688C12.174 17.688 11.223 17.163 10.897 16.542L10.274 18.916C10.049 19.784 9.44 20.872 9.033 21.536C9.99111 21.8318 10.9883 21.9818 11.991 21.981C17.508 21.981 21.981 17.508 21.981 11.991C21.981 6.474 17.507 2 11.99 2Z" fill="#CBD5E1"/></svg></a></div><div class="container"><div class="croco-breadcrumbs mb-32 d-flex flex-wrap smaller"><div class="d-inline-flex mb-12"><a href="https://crocoblock.com/blog/" class="smaller text-jetpopup font-weight-medium link link-inherit">Blog</a> <svg class="mx-4" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.99992 3L4.29492 3.705L6.58492 6L4.29492 8.295L4.99992 9L7.99992 6L4.99992 3Z" fill="#64748B"/></svg></div><div class="croco-breadcrumbs-target">AJAX Search for WordPress Websites: Live Search Results at Lightning Speed</div></div><div class="row row-32 justify-content-center"><div class="col-xl-10 single-block__box-wrap"><div class="single-block__box"><div class="single-block__avatar d-inline-flex align-self-start rounded-circle overflow-hidden mb-16 mr-12"> <noscript><img alt='usman' src='https://secure.gravatar.com/avatar/095b75a988cc9b46be03704a60cf3eaf?s=72&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/095b75a988cc9b46be03704a60cf3eaf?s=144&d=mm&r=g 2x' class='avatar avatar-72 photo' height='72' width='72' decoding='async'/></noscript><img alt='usman' src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2072%2072%22%3E%3C/svg%3E' data-src='https://secure.gravatar.com/avatar/095b75a988cc9b46be03704a60cf3eaf?s=72&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/095b75a988cc9b46be03704a60cf3eaf?s=144&d=mm&r=g 2x' class='lazyload avatar avatar-72 photo' height='72' width='72' decoding='async'/></div><div class="single-block__info"><div class="single-block__author-info"><div class="author">Anastasiia Usichenko</div><div class="position">WordPress Copywriter</div><a href="https://crocoblock.com/blog/authors/anastasiia-usichenko/" class="btn btn-custom btn-jetpopup btn-without-fill btn-sm btn-effect-1 my-16" role="button" rel="noopener"><span>Show all articles</span><svg class="btn-icon ml-12" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z" fill="#0F172A"></path></svg></a></div><div class="single-block__posted-on"><div class="posted-on d-flex flex-column"><span class="updated-label">Updated on </span><time class="entry-date published updated" datetime="2024-07-29T10:17:42+00:00">July 29, 2024</time></div></div></div></div></div><div class="col-lg-9 col-xl-8 single-container"><article id="post-9979" class="post-9979 post type-post status-publish format-standard has-post-thumbnail hentry category-useful-resources"><div class="single-post__categories"><a href="https://crocoblock.com/blog/category/useful-resources/" rel="category tag">Useful Resources</a></div><header class="entry-header"><h1 class="entry-title">AJAX Search for WordPress Websites: Live Search Results at Lightning Speed</h1></header><div class="entry-content"><p>Want to make your site even more <a href="https://crocoblock.com/blog/increase-customer-retention-via-website-ux-ui/" target="_blank" rel="noreferrer noopener">user-friendly</a>?</p><p>Then, you need to add <b>AJAX search</b> to it. It will help you quickly find the pages or materials you need and display them without page refresh. Search results with the AJAX are shown at lightning speed.</p><p>Let’s see how it works and how you can add such a system to a WordPress website.</p><h2 class="wp-block-heading">Table of Contents</h2><ul><li><a href="#what-is-ajax">What Is AJAX?</a></li><li><a href="#pros-and-cons">Pros and Cons of Using Ajax Search for WordPress Websites</a><ul><li><a href="#pros">Pros</a></li><li><a href="#cons">Cons</a></li></ul></li><li><a href="#ajax-use-cases">4 Interesting AJAX Use Cases</a></li><li><a href="#ajax-search-plugins">Top 3 WordPress AJAX Search Plugins</a><ul><li><a href="#jetsearch">JetSearch (Premium)</a></li><li><a href="#ajax-search-lite">Ajax Search Lite (Freemium)</a></li><li><a href="#searchwp">SearchWP (Freemium)</a></li></ul></li><li><a href="#how-to-create-wordpress-ajax-search-with-jetsearch">How to Create a WordPress AJAX Search with JetSearch?</a></li><li><a href="#faq">FAQ</a></li><li><a href="#to-sum-up">To Sum Up</a></li></ul><h2 class="wp-block-heading" id="what-is-ajax">What Is AJAX?</h2><p><b>AJAX stands for Asynchronous JavaScript and XML</b>. It is a set of <a href="https://crocoblock.com/blog/best-web-development-books/" target="_blank" rel="noreferrer noopener">web development</a> techniques that allow web applications to update content asynchronously without reloading the entire page but only update the data that requires it, such as <a href="https://crocoblock.com/blog/ways-to-customize-wordpress-search-results-page/" target="_blank" rel="noreferrer noopener">search or filter results</a>, certain elements, and other interactions with the user.</p><p>AJAX works by allowing web applications to send and receive data from a server asynchronously. Behind the scenes, the server and the client exchange small amounts of data to update the necessary parts without reloading the entire page. It uses a combination of technologies, including JavaScript for making asynchronous requests and XML or JSON for data interchange. Even though XML is part of the “X” in “AJAX,” JSON has recently been more commonly used than XML.</p><p>Another way of handling requests is <b>page reload</b>, which is usually more stable and easier to develop but not as good from a <a href="https://crocoblock.com/blog/wordpress-website-user-engagement-metrics-to-track/" target="_blank" rel="noreferrer noopener">UX point of view</a>. An easy way to describe what AJAX does is to say that it adds an extra layer between a standard GET request (which reloads the page) and more efficient, targeted data fetching (which doesn’t reload the page). AJAX allows you to tell the server exactly what data to retrieve and in which format (like JSON) to return it without reloading the entire page.</p><h2 class="wp-block-heading" id="pros-and-cons">Pros and Cons of Using AJAX Search for WordPress Websites</h2><p>Let’s discuss the pros and cons of using AJAX search and how it can improve your website’s user experience.</p><h3 class="wp-block-heading" id="pros">Pros</h3><ol><li><b>AJAX technology improves user experience. </b>AJAX search provides real-time search results as users type, reducing the wait time and improving the overall user experience. The dynamic nature of AJAX search makes the website feel more interactive and engaging, which can lead to higher user satisfaction and retention rates.</li><li><b>Reduced server load. </b>By loading search results dynamically, AJAX search can reduce the need for full-page reloads, leading to more efficient use of server resources. </li><li><b>Enhanced search capabilities </b><b>and user engagement</b><b>. </b>AJAX search can offer autocomplete suggestions, helping users find what they’re looking for more quickly. It allows for the implementation of advanced search filters and sorting options, making it easier for users to refine their search results.</li><li><b>SEO benefits. </b>Improved user experience and reduced bounce rates can indirectly benefit SEO by signaling to search engines that the website is high-quality and engaging. Real-time search results and<a data-l-s="42990" href="https://crocoblock.com/blog/wordpress-search-suggestions/" target="_blank" rel="noreferrer noopener"> suggestions</a> can keep users on the site longer, increasing the likelihood of conversions and improving session duration metrics.</li></ol><h3 class="wp-block-heading" id="cons">Cons</h3><ol><li><b>Complex implementation. </b>Setting up an AJAX search can be complex and may require advanced knowledge of JavaScript and <a href="https://crocoblock.com/blog/wordpress-php-explained-for-beginners/" target="_blank" rel="noreferrer noopener">PHP</a>. But you can use plugins to make this process easier. </li><li><b>Increased load times for initial search. </b>The initial loading time for the AJAX script can be longer, potentially affecting the page load speed, especially on mobile devices or slower networks. That’s why proper <a href="https://crocoblock.com/blog/wordpress-cache-essentials/" target="_blank" rel="noreferrer noopener">caching</a> must be implemented to ensure AJAX requests do not slow down the website.</li><li><b>SEO limitations. </b>Since AJAX content is dynamically loaded, search engines may have difficulty crawling and indexing search results, potentially impacting SEO. Without proper configuration, AJAX search may not update the URL, making it difficult for users to bookmark or share specific search results.</li><li><a href="https://crocoblock.com/blog/best-wordpress-security-plugins/" target="_blank" rel="noreferrer noopener"><b>Security</b></a><b> risks</b>. If not implemented securely, AJAX is susceptible to CSRF and XSS attacks. Additionally, some hosting providers, firewalls, or security plugins may block AJAX requests, requiring manual adjustments to settings to ensure proper functionality.</li></ol><h2 class="wp-block-heading" id="ajax-use-cases">4 Interesting AJAX Use Cases</h2><p>Let’s see how AJAX search looks on a website in practice. To do this, consider several resources with a search created using the <b>JetSearch </b>plugin or <b><a href="https://crocoblock.com/plugins/jetsmartfilters/" target="_blank" rel="noreferrer noopener">JetSmartFilters</a></b>.</p><p>The first travel website is for the <b>Vancouver Islands </b><b>T</b><b>raveling</b>. If you start typing a query in the search, the system offers you options, and after selecting the one you need, it quickly opens the page.</p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2022/09/vancouverislandbucketlist-1x.png" srcset="https://crocoblock.com/wp-content/uploads/2022/09/vancouverislandbucketlist.png 2x" alt="Vancouver Island bucket list website search"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2022/09/vancouverislandbucketlist-1x.png" data-srcset="https://crocoblock.com/wp-content/uploads/2022/09/vancouverislandbucketlist.png 2x" alt="Vancouver Island bucket list website search"><figcaption>Source: <a href="https://vancouverislandbucketlist.com/" target="_blank" rel="noreferrer noopener nofollow">Vancouver Island Bucket List</a></figcaption></figure><p>The following example is <b>the Myblue4you</b> website for booking yachts, catamarans, and sea trips. The resource offers water transport in various countries for different numbers of people, distances, etc.</p><p>To select a suitable option, enter the country, place, and type of boat in the search bar, and the system will automatically suggest available options.</p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2022/09/myblue4you-1x.png" srcset="https://crocoblock.com/wp-content/uploads/2022/09/myblue4you.png 2x" alt="Myblue4you website search"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2022/09/myblue4you-1x.png" data-srcset="https://crocoblock.com/wp-content/uploads/2022/09/myblue4you.png 2x" alt="Myblue4you website search"><figcaption>Source: <a href="https://myblue4you.com/" target="_blank" rel="noreferrer noopener nofollow">Myblue4you</a></figcaption></figure><p>The third example that I propose considering is a mountain biking school called <b>Bike&Ski</b>. Again, you can quickly find an exciting route in a particular area using AJAX search for WordPress.</p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2022/09/bikeundski-1x.png" srcset="https://crocoblock.com/wp-content/uploads/2022/09/bikeundski.png 2x" alt="bike&ski website search"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2022/09/bikeundski-1x.png" data-srcset="https://crocoblock.com/wp-content/uploads/2022/09/bikeundski.png 2x" alt="bike&ski website search"><figcaption>Source: <a href="https://www.bikeundski.at/" target="_blank" rel="noreferrer noopener nofollow">bike&ski</a></figcaption></figure><p>You may have seen the following example of AJAX search in our <a href="https://crocoblock.com/knowledge-base/" target="_blank" rel="noreferrer noopener"><b>Knowledge Base</b></a>. It helps quickly find all the necessary information. For ease of navigation in the search, one can select a category, e.g., plugins, widgets, and other sections. If you do not know what category the required material belongs to, just enter keywords in the search box, and you will see all the relevant suggestions.</p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2024/07/Knowledge-base-x1.png" srcset="https://crocoblock.com/wp-content/uploads/2024/07/Knowledge-base.png 2x" alt="Crocoblock knowledge base page"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/07/Knowledge-base-x1.png" data-srcset="https://crocoblock.com/wp-content/uploads/2024/07/Knowledge-base.png 2x" alt="Crocoblock knowledge base page"></figure><h2 class="wp-block-heading" id="ajax-search-plugins">Top 3 WordPress AJAX Search Plugins</h2><p>So, AJAX search is a valuable and convenient tool. Let’s now figure out how to add such functionality to your website.</p><ol><li>You can do it with code, but you need technical skills and knowledge of several programming languages. Check out <a href="https://crocoblock.com/blog/filter-custom-post-types-wordpress/#filter-code" target="_blank" rel="noreferrer noopener">this example</a> of how to implement AJAX filtering with custom code. </li><li>You can use plugins to add WordPress AJAX search.</li></ol><p>Here are some popular plugins which do exactly that.</p><h3 class="wp-block-heading" id="jetsearch"><a href="https://crocoblock.com/plugins/jetsearch/" target="_blank" rel="noreferrer noopener">JetSearch</a> (Premium)</h3><p>🔎 <em>Best for adding an AJAX search to the WordPress websites.</em></p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2024/07/jetsearch-x1.png" srcset="https://crocoblock.com/wp-content/uploads/2024/07/jetsearch.png 2x" alt="JetSearch plugin homepage"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/07/jetsearch-x1.png" data-srcset="https://crocoblock.com/wp-content/uploads/2024/07/jetsearch.png 2x" alt="JetSearch plugin homepage"></figure><p>JetSearch allows you to easily integrate a live search bar into your website with just a few clicks. This tool empowers users to access the latest information and quickly sort it by relevance, enhancing the overall user experience. With JetSearch, you can conduct sitewide AJAX searches and selectively hide specific results as needed.</p><p><b>Key features:</b></p><ul><li>search pagination;</li><li>text highlight in the Results dropdown;</li><li>possibility to manage custom fields in the AJAX <a href="https://crocoblock.com/blog/wordpress-website-search-bar/" target="_blank" rel="noreferrer noopener">search</a>;</li><li>arrange the results by relevance through <a href="https://crocoblock.com/blog/wordpress-search-query-explained/" target="_blank" rel="noreferrer noopener">Search Query</a>;</li><li>customize the quick search view in the Results Area;</li><li>you can build a custom search results page by choosing a Grid, List, or Masonry layout.</li></ul><p><b>Pricing:</b> </p><ul><li>$23 per year for one project;</li><li>$47 per year for unlimited projects.</li></ul><p><b>Pros:</b></p><ul><li>search text highlight in the AJAX dropdown;</li><li>possibility to customize the search field placeholder;</li><li>ability to set additional results section with terms and user search sources; </li><li>custom <a href="https://youtu.be/R1IuOVShWsQ?si=uAlmVQPPWayshB9f" target="_blank" rel="noreferrer noopener nofollow">search suggestions</a>;</li><li>experiment implementing <a href="https://crocoblock.com/blog/wordpress-ai-search/" target="_blank" rel="noreferrer noopener">AI suggestions</a>.</li></ul><h3 class="wp-block-heading" id="ajax-search-lite"><a href="https://wordpress.org/plugins/ajax-search-lite/" target="_blank" rel="noreferrer noopener nofollow">Ajax Search Lite</a> (Freemium)</h3><p>🔎 <em>Best for creating </em><em>a</em><em> live search bar.</em></p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2024/07/ajax-search-lite-x1.png" srcset="https://crocoblock.com/wp-content/uploads/2024/07/ajax-search-lite.png 2x" alt="ajax search lite plugin on wordpress.org"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/07/ajax-search-lite-x1.png" data-srcset="https://crocoblock.com/wp-content/uploads/2024/07/ajax-search-lite.png 2x" alt="ajax search lite plugin on wordpress.org"></figure><p>Ajax Search Lite is the free version of the Ajax Search plugin. It primarily functions to search for information on the website, but users can also use it to filter content and find the information they need. The plugin has 80,000 active users and boasts a rating of 4.7 out of 5 stars.</p><p><b>Key features:</b></p><ul><li>images in search results;</li><li>40+ options on the backend;</li><li>ability to search in <a href="https://crocoblock.com/blog/wordpress-custom-post-types/" target="_blank" rel="noreferrer noopener">custom post types</a> such as <a href="https://crocoblock.com/blog/create-woocommerce-product-table/" target="_blank" rel="noreferrer noopener">WooCommerce Products</a>, Events, and more;</li><li>fully AJAX powered;</li><li>search in title, description, excerpt, categories, and any custom fields.</li></ul><p><b>Pricing: </b>there are two options – free and PRO. The PRO license costs $39/year.</p><p><b>Pros:</b></p><ul><li>automatic search replacement, as well as a widget and shortcode, are available;</li><li>caches images for faster response time;</li><li>primary and secondary ordering options;</li><li>highly compatible and responsive.</li></ul><h3 class="wp-block-heading" id="searchwp"><a href="https://wordpress.org/plugins/searchwp-live-ajax-search/" target="_blank" rel="noreferrer noopener nofollow">SearchWP</a> (Freemium)</h3><p>🔎 <em>Best for creating a managed AJAX search bar.</em></p><figure class="wp-block-image aligncenter size-full"><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2024/07/searchwp-x1.png" srcset="https://crocoblock.com/wp-content/uploads/2024/07/searchwp.png 2x" alt="searchwp plugin on wordpress.org"></noscript><img class="lazyload" decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/07/searchwp-x1.png" data-srcset="https://crocoblock.com/wp-content/uploads/2024/07/searchwp.png 2x" alt="searchwp plugin on wordpress.org"></figure><p>The plugin allows you to search for keywords in posts, <a href="https://crocoblock.com/blog/difference-between-taxonomies-categories-and-tags/" target="_blank" rel="noreferrer noopener">taxonomies</a>, and even comments. Additionally, you have complete control over the search algorithms. After installation, you can set display priorities and select which categories to search.</p><p><b>Key features:</b></p><ul><li><a href="https://crocoblock.com/blog/embed-download-pdf-wordpress-plugins/" target="_blank" rel="noreferrer noopener">PDF</a> and office document indexing;</li><li>AJAX live search;</li><li>automatic integration with native WordPress search;</li><li>keyword stemming feature.</li></ul><p><b>Pricing:</b> SearchWP license cost starts at $99 per year.</p><p><b>Pros:</b></p><ul><li>multiple search engines;</li><li>automatic theme integration;</li><li>search insights and analytics.</li></ul><h2 class="wp-block-heading" id="how-to-create-wordpress-ajax-search-with-jetsearch">How to Create a WordPress AJAX Search with JetSearch?</h2><figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> <iframe title="Adding AJAX Search to WordPress Page | JetSearch WordPress Plugin" width="640" height="360" src="https://www.youtube.com/embed/E00LpWaN5vc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div></figure><p>First, before you start working with JetSearch, make sure you’ve already got several posts published. There are tags and categories set for these posts in case you want to enable the visitors to look for the content inside the needed category.</p><p>Then, follow the instructions to <a href="https://crocoblock.com/knowledge-base/articles/how-to-add-an-ajax-search-to-websites-header-with-jetsearch/" target="_blank" rel="noreferrer noopener">add an AJAX search to the website’s header</a>. </p><p>The JetSearch plugin makes it extra easy to implement the seemingly complicated search functionality to the pages built with Elementor. You can add categories or choose which custom fields users can search from. With JetSearch, you can filter the search results very well. </p><h2 class="wp-block-heading" id="faq">FAQ</h2><div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1662547280260"><strong class="schema-faq-question">What is AJAX search?</strong><p class="schema-faq-answer">AJAX search uses Asynchronous JavaScript and XML to update search results dynamically without reloading the entire page. This web development technique allows the application to fetch and display only the relevant data, such as search or filter results, specific elements, and other user interactions, making the search experience faster and more seamless</p></div><div class="schema-faq-section" id="faq-question-1662547291134"><strong class="schema-faq-question">What is AJAX search used for?</strong><p class="schema-faq-answer">AJAX search is used to improve user experience. A person enters a search request, and the system gives the corresponding search results in seconds. At the same time, the page is not refreshed, which reduces the loading speed. This is especially true for content- and multimedia-heavy websites.</p></div><div class="schema-faq-section" id="faq-question-1662547296060"><strong class="schema-faq-question">How to create an AJAX website search?</strong><p class="schema-faq-answer">You can use code for this task (you need the technical skills and proficiency in several programming languages) or use plugins. The second option is suitable even for beginners because creating an AJAX search using plugins takes only a few minutes.</p></div></div><h2 class="wp-block-heading" id="to-sum-up">To Sum Up</h2><p>Now you know how valuable the AJAX search tool is. It helps website visitors get what they want without long waits and hassles. Also, it helps find information by keywords in seconds and presents it without reloading the website. So if a person has some problems with the Internet connection or the website has a lot of multimedia files, they will still find what they need. </p><p>If you still don’t have an AJAX search on your site, add one and enjoy the result.</p></div></article></div><div class="col-lg-3 col-xl-2" style="z-index:1;"><div class="sticky-top single-post-banner"><style>.cta-banner-vertical::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='260' height='224' viewBox='0 0 260 224' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='130' cy='-10' r='234' fill='url(%23paint0_radial_358_128)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_358_128' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(130 -10) rotate(90) scale(234)'%3E%3Cstop stop-color='%23E93561'/%3E%3Cstop offset='1' stop-color='%230F172A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"); }</style><div class="cta-banner-vertical d-flex flex-column flex-column box-260 box-center overflow-hidden text-center bg-900 context-dark rounded-lg"><div class="text-size-null"> <noscript><img width="260" height="160" src="https://crocoblock.com/wp-content/uploads/2024/07/search-wp-plugin.svg" class="attachment-full size-full" alt="jetsearch banner image" decoding="async" /></noscript><img width="260" height="160" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20260%20160%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/07/search-wp-plugin.svg" class="lazyload attachment-full size-full" alt="jetsearch banner image" decoding="async" /></div><div class="pb-40"><div style="line-height: 1.15em;" class="h4 px-20 mt-32"> The fastest AJAX search plugin for WordPress</div> <a href="https://crocoblock.com/plugins/jetsearch/" class="btn btn-custom btn-sm px-16 mt-20" target="_blank">Discover JetSearch</a></div></div></div></div></div></div></div><div class="related-posts"><div class="container"><h3>Related articles</h3><div class="related-posts__list"><article id="post-75493" class="bg-50 rounded overflow-hidden box-560 post-75493 post type-post status-publish format-standard has-post-thumbnail hentry category-useful-resources"><header class="entry-header"><a class="post-thumbnail" href="https://crocoblock.com/blog/best-wordpress-directory-plugins/" aria-hidden="true" tabindex="-1"><img width="560" height="315" src="https://crocoblock.com/wp-content/uploads/2022/08/Best-WP-Directory-Plugins-560x315.png" class="feature-image__thumbnail wp-post-image" alt="6 Best WordPress Directory Plugins Compared (2024)" decoding="async" fetchpriority="high" srcset="https://crocoblock.com/wp-content/uploads/2022/08/Best-WP-Directory-Plugins-560x315.png 560w, https://crocoblock.com/wp-content/uploads/2022/08/Best-WP-Directory-Plugins-300x169.png 300w, https://crocoblock.com/wp-content/uploads/2022/08/Best-WP-Directory-Plugins-1024x576.png 1024w, https://crocoblock.com/wp-content/uploads/2022/08/Best-WP-Directory-Plugins-768x432.png 768w, https://crocoblock.com/wp-content/uploads/2022/08/Best-WP-Directory-Plugins.png 1120w" sizes="(max-width: 560px) 100vw, 560px" /></a></header><div class="entry-content m-0 px-20 pb-20 pt-12"><h3 class="h5 mb-12"><a href="https://crocoblock.com/blog/best-wordpress-directory-plugins/" class="h5" rel="bookmark">6 Best WordPress Directory Plugins Compared (2024)</a></h3><div class="posted-on d-flex flex-column"><span class="updated-label">Updated on </span><time class="entry-date published updated" datetime="2024-12-04T10:49:21+00:00">December 4, 2024</time></div></div></article><article id="post-108138" class="bg-50 rounded overflow-hidden box-560 post-108138 post type-post status-publish format-standard has-post-thumbnail hentry category-useful-resources"><header class="entry-header"><a class="post-thumbnail" href="https://crocoblock.com/blog/best-woocommerce-product-feed-plugins/" aria-hidden="true" tabindex="-1"><noscript><img width="560" height="315" src="https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-560x315.png" class="feature-image__thumbnail wp-post-image" alt="10 Best WooCommerce Product Feed Plugins: A Comprehensive Review" decoding="async" srcset="https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-560x315.png 560w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-300x169.png 300w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-1024x576.png 1024w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-768x432.png 768w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins.png 1120w" sizes="(max-width: 560px) 100vw, 560px" /></noscript><img width="560" height="315" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20560%20315%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-560x315.png" class="lazyload feature-image__thumbnail wp-post-image" alt="10 Best WooCommerce Product Feed Plugins: A Comprehensive Review" decoding="async" data-srcset="https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-560x315.png 560w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-300x169.png 300w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-1024x576.png 1024w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins-768x432.png 768w, https://crocoblock.com/wp-content/uploads/2024/11/top-plugins-woocommerce-product-feed-plugins.png 1120w" data-sizes="(max-width: 560px) 100vw, 560px" /></a></header><div class="entry-content m-0 px-20 pb-20 pt-12"><h3 class="h5 mb-12"><a href="https://crocoblock.com/blog/best-woocommerce-product-feed-plugins/" class="h5" rel="bookmark">10 Best WooCommerce Product Feed Plugins: A Comprehensive Review</a></h3><div class="posted-on d-flex flex-column"><span class="updated-label">Updated on </span><time class="entry-date published updated" datetime="2024-12-03T13:01:09+00:00">December 3, 2024</time></div></div></article></div></div></div></main></div></div></div><footer id="colophon" class="site-footer"><div class="container"><div class="row row-32"><div class="col-md-3 col-lg-2 pt-md-32"><div data-collapse-target="collapse-footer-block-01" class="data-collapse-target d-inline-flex d-md-none align-items-center"><div class="title-icon mr-8"></div><div class="h5">Products</div></div><div class="d-none d-md-block h5">Products</div><ul id="collapse-footer-block-01" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0"><li> <a href="https://crocoblock.com/plugins/">All plugins</a></li><li> <a href="https://crocoblock.com/jetplugins-for-elementor/">For Elementor</a></li><li> <a href="https://crocoblock.com/jetplugins-for-gutenberg/">For Gutenberg</a></li><li> <a href="https://crocoblock.com/jetplugins-for-bricks-builder/">For Bricks</a></li><li> <a href="https://crocoblock.com/widgets/">Widgets</a></li><li> <a href="https://crocoblock.com/features/">Features</a></li><li> <a href="https://crocoblock.com/dynamic-templates/">Templates</a></li><li> <a href="https://crocoblock.com/freemium/tools/">DevTools</a></li><li> <a href="https://crocoblock.com/freemium/free-plugins/">Free products</a></li></ul></div><div class="col-md-3 col-lg-2 pt-md-32"><div data-collapse-target="collapse-footer-block-02" class="data-collapse-target d-inline-flex d-md-none align-items-center"><div class="title-icon mr-8"></div><div class="h5">Company</div></div><div class="d-none d-md-block h5">Company</div><ul id="collapse-footer-block-02" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0"><li> <a href="https://crocoblock.com/blog/">Blog</a></li><li> <a href="https://crocoblock.com/about/">About us</a></li><li> <a href="https://crocoblock.com/crocoblock-style-guide/">Brand assets</a></li><li> <a href="https://crocoblock.com/websites-made-with-elementor-and-crocoblock/">Made with Croco</a></li><li> <a href="https://crocoblock.com/faq/#refund-cancellation">Refund policy</a></li><li> <a href="https://crocoblock.com/affiliates/">Affiliates</a></li></ul></div><div class="col-md-3 col-lg-2 order-md-4 order-lg-3 pt-lg-32"><div data-collapse-target="collapse-footer-block-03" class="data-collapse-target d-inline-flex d-md-none align-items-center"><div class="title-icon mr-8"></div><div class="h5">Information</div></div><div class="d-none d-md-block h5">Information</div><ul id="collapse-footer-block-03" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0"><li> <a href="https://crocoblock.com/help-center/">Help center</a></li><li> <a href="https://crocoblock.com/faq/">FAQ</a></li><li> <a href="https://crocoblock.com/elementor-developers/">DevHub</a></li><li> <a href="https://crocoblock.com/wordpress-hosting/">WP Hosting</a></li><li> <a href="https://crocoblock.com/wordpress-plugins/">WP Plugins</a></li><li> <a href="https://crocoblock.com/wordpress-media/">WP Media</a></li><li> <a href="https://crocoblock.com/knowledge-base/troubleshooting/">Troubleshoot</a></li></ul></div><div class="col-md-3 col-lg-2 order-md-5 order-lg-4 pt-lg-32"><div data-collapse-target="collapse-footer-block-04" class="data-collapse-target d-inline-flex d-md-none align-items-center"><div class="title-icon mr-8"></div><div class="h5">Compare</div></div><div class="d-none d-md-block h5">Compare</div><ul id="collapse-footer-block-04" class="sub-nav-list m-0 mt-12 pl-36 pl-md-0"><li> <a href="https://crocoblock.com/feature-comparison-dynamic-set/">Dynamic content</a></li><li> <a href="https://crocoblock.com/feature-comparison-advanced-filters/">Advanced filters</a></li><li> <a href="https://crocoblock.com/feature-comparison-booking-plugins/">Booking features</a></li><li> <a href="https://crocoblock.com/feature-comparison-appointment-plugins/">Appointment features</a></li><li> <a href="https://crocoblock.com/feature-comparison-mega-menu-plugins/">Mega menu</a></li><li> <a href="https://crocoblock.com/feature-comparison-grid-layout-plugins/">Grids and layouts</a></li><li> <a href="https://crocoblock.com/feature-comparison-multivendor-directory-plugins/">Marketplace</a></li></ul></div><div class="col-md-5 col-lg-4 col-xl-3 order-md-3 order-lg-5 ml-md-auto text-md-right"><div class="ml-lg-32 ml-xl-0 pt-32 block-wrapper px-20 pb-20 rounded shadow text-left"><div id="footer-subscribe" class="form"><div class="jet-fb-form-block" data-is-block="jet-forms/form-block"><form class="jet-form-builder layout-column submit-type-ajax" action="https://crocoblock.com/blog/ajax-based-jetsearch-functionality/?jet_form_builder_submit=submit&method=reload" method="POST" data-form-id="100654" data-layout="column" enctype="multipart/form-data" novalidate="null"> <input type="hidden" name="_jfb_current_render_states[]" value="DEFAULT.STATE" data-jfb-sync /><input type="hidden" class="jet-form-builder__field hidden-field" name="_jet_engine_booking_form_id" data-field-name="_jet_engine_booking_form_id" value="100654"> <input type="hidden" class="jet-form-builder__field hidden-field" name="_jet_engine_refer" data-field-name="_jet_engine_refer" value="https://crocoblock.com/blog/ajax-based-jetsearch-functionality/"> <input type="hidden" class="jet-form-builder__field hidden-field" name="__queried_post_id" data-field-name="__queried_post_id" value="9979"><div class="wp-block-group form-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="h5">Subscribe to Newsletter</div><div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-group email-checkbox-wrapper disabled is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="jet-form-builder-row field-type-text-field" ><div class="jet-form-builder__field-wrap"> <input placeholder="Enter email" required="required" name="email" id="email" type="email" data-field-name="email" class="jet-form-builder__field text-field mb-12" data-jfb-sync="null"></div></div><div class="jet-form-builder-row field-type-checkbox-field" ><div class="jet-form-builder__fields-group checkradio-wrap" data-jfb-sync><div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap"><label class="jet-form-builder__field-label for-checkbox"> <input type="checkbox" name="i_agree_letters" value="i_agree_letters" data-field-name="i_agree_letters" class="jet-form-builder__field checkboxes-field checkradio-field submitting-email-checkbox" required="required"><span><div>I agree that Crocoblock may send me promotional letters with offers, updates, and other useful information</div></span></label></div></div></div><div class="jet-form-builder-row field-type-checkbox-field" ><div class="jet-form-builder__fields-group checkradio-wrap" data-jfb-sync><div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap"><label class="jet-form-builder__field-label for-checkbox"> <input type="checkbox" name="i_agree_terms" value="i_agree_terms" data-field-name="i_agree_terms" class="jet-form-builder__field checkboxes-field checkradio-field submitting-email-checkbox" required="required"><span><div>I agree to <a class="footer-link-custom underline" href="https://crocoblock.com/terms">Terms of Use</a> and <a class="footer-link-custom underline" href="https://crocoblock.com/privacy-policy">Privacy Policy</a></div></span></label></div></div></div></div></div><div class="wp-block-group mt-20 is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"> <a class="btn w-100 disable button-form-hide" href="#">Subscribe</a><div class="jet-form-builder-row field-type-submit-field" ><div data-type="submit" class="jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap"> <button class="jet-form-builder__action-button d-none button-form btn w-100 jet-form-builder__submit submit-type-ajax" type="submit">Subscribe</button></div></div></div></div></div></div><div class="wp-block-group successfully-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="text-center"><div class="text-size-null"> <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="56" height="56" rx="28" fill="#0DC167" /> <path d="M24 33.56L18.44 28L16.5467 29.88L24 37.3334L40 21.3334L38.12 19.4534L24 33.56Z" fill="white" /> </svg></div><div class="h5 mt-16">Thank you for subscribing!</div><div class="mh-96 success-text mt-16">Kindly check your inbox—we've sent you a letter to confirm the subscription.</div> <a class="btn w-100 mt-20 button-form-group" href="#">Ok, I’ll do it</a></div></div></div><div class="wp-block-group not-successful-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="text-center"><div class="text-size-null"> <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="56" height="56" rx="28" fill="#F94D84" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.3334 28C17.3334 22.1128 22.1128 17.3334 28 17.3334C33.8873 17.3334 38.6667 22.1128 38.6667 28C38.6667 33.8873 33.8873 38.6667 28 38.6667C22.1128 38.6667 17.3334 33.8873 17.3334 28ZM28 14.6667C20.64 14.6667 14.6667 20.64 14.6667 28C14.6667 35.36 20.64 41.3334 28 41.3334C35.36 41.3334 41.3334 35.36 41.3334 28C41.3334 20.64 35.36 14.6667 28 14.6667ZM26.6667 26.6667V34.6667H29.3334V26.6667H26.6667ZM26.6667 21.3334V24H29.3334V21.3334H26.6667Z" fill="white" /> </svg></div><div class="h5 mt-16">Ooops! Something went wrong.</div><div class="mh-96 success-text mt-16">Kindly check your inbox — we sent you a letter to confirm subscription</div> <a class="btn w-100 mt-20 button-form-group" href="#">Try another email</a></div></div></div><div class="wp-block-group need-confirmation-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="text-center"><div class="text-size-null"> <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="56" height="56" rx="28" fill="#0DC167" /> <path d="M24 33.56L18.44 28L16.5466 29.88L24 37.3334L40 21.3334L38.12 19.4534L24 33.56Z" fill="white" /> </svg></div><div class="h5 mt-16">Thank you for subscribing!</div><div class="mh-96 success-text mt-16">Kindly check your inbox—we've sent you a letter to confirm the subscription.</div> <a class="btn w-100 mt-20 button-form-group" href="#">Ok, I’ll do it</a></div></div></div><div class="wp-block-group already-subscribed-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="text-center"><div class="text-size-null"> <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="56" height="56" rx="28" fill="#EAB413" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.3333 28C17.3333 22.1127 22.1128 17.3333 28 17.3333C33.8872 17.3333 38.6667 22.1127 38.6667 28C38.6667 33.8872 33.8872 38.6666 28 38.6666C22.1128 38.6666 17.3333 33.8872 17.3333 28ZM28 14.6666C20.64 14.6666 14.6667 20.64 14.6667 28C14.6667 35.36 20.64 41.3333 28 41.3333C35.36 41.3333 41.3333 35.36 41.3333 28C41.3333 20.64 35.36 14.6666 28 14.6666ZM26.6667 26.6666V34.6666H29.3333V26.6666H26.6667ZM26.6667 21.3333V24H29.3333V21.3333H26.6667Z" fill="white" /> </svg></div><div class="h5 mt-16">You've already subscribed to newsletters</div><div class="mh-96 success-text mt-16">The confirmation email may have been lost or marked as spam. Please <span class="font-weight-bold">check your inbox</span> or try another email.</div> <a class="btn w-100 mt-20 button-form-group" href="#">Try another email</a></div></div></div><div class="wp-block-group blacklisted-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"><div class="text-center"><div class="text-size-null"> <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="56" height="56" rx="28" fill="#F94D84" /> <path d="M28 19.9866L38.04 37.3333H17.96L28 19.9866ZM28 14.6666L13.3333 40H42.6666L28 14.6666ZM29.3333 33.3333H26.6666V36H29.3333V33.3333ZM29.3333 25.3333H26.6666V30.6666H29.3333V25.3333Z" fill="white" /> </svg></div><div class="h5 mt-16">You marked our emails as Spam</div><div class="mh-96 success-text mt-16">You cannot use this email address to subscribe to our newsletter. Please try another email.</div> <a class="btn w-100 mt-20 button-form-group" href="#">Try another email</a></div></div></div><div class="jet-form-builder-messages-wrap" data-form-id="100654"></div></form></div></div></div></div></div><div class="row row-40 justify-content-lg-between align-items-center mt-40 mt-lg-28"><div class="col-md-7 col-lg-8"><nav class="social-nav text-size-null"> <a class="social-nav-link" href="https://www.youtube.com/c/Crocoblock" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M29.4156 9.25313C29.2562 8.65949 28.9437 8.11814 28.5094 7.68324C28.075 7.24834 27.5341 6.93514 26.9406 6.775C24.7562 6.1875 16 6.1875 16 6.1875C16 6.1875 7.24375 6.1875 5.05937 6.77187C4.46569 6.9315 3.92445 7.24452 3.49002 7.6795C3.05558 8.11448 2.74325 8.65611 2.58437 9.25C2 11.4375 2 16 2 16C2 16 2 20.5625 2.58437 22.7469C2.90625 23.9531 3.85625 24.9031 5.05937 25.225C7.24375 25.8125 16 25.8125 16 25.8125C16 25.8125 24.7562 25.8125 26.9406 25.225C28.1469 24.9031 29.0937 23.9531 29.4156 22.7469C30 20.5625 30 16 30 16C30 16 30 11.4375 29.4156 9.25313ZM13.2188 20.1875V11.8125L20.4688 15.9688L13.2188 20.1875Z" fill="#94A3B8" /> </svg> </a> <a class="social-nav-link" href="https://www.facebook.com/crocoblock/" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6H24V0H19C15.14 0 12 3.14 12 7V10H8V16H12V32H18V16H23L24 10H18V7C18 6.458 18.458 6 19 6Z" fill="#94A3B8" /> </svg> </a> <a class="social-nav-link" href="https://www.instagram.com/mrcrocoblock/" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9995 23.555C11.8343 23.555 8.44501 20.1657 8.44501 15.9995C8.44501 11.8344 11.8343 8.44504 15.9995 8.44504C20.1656 8.44504 23.5549 11.8344 23.5549 15.9995C23.5549 20.1657 20.1656 23.555 15.9995 23.555ZM15.9995 11.638C13.5949 11.638 11.637 13.595 11.637 15.9995C11.637 18.4051 13.5949 20.363 15.9995 20.363C18.405 20.363 20.362 18.4051 20.362 15.9995C20.362 13.595 18.405 11.638 15.9995 11.638Z" fill="#94A3B8" /> <path d="M23.7975 10.0073C22.8118 10.0073 22.01 9.20549 22.01 8.21979C22.01 7.23409 22.8118 6.43224 23.7975 6.43224C24.7832 6.43224 25.5851 7.23409 25.5851 8.21979C25.5851 9.20549 24.7832 10.0073 23.7975 10.0073Z" fill="#94A3B8" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M30.6666 23.2672C30.6666 27.3476 27.3476 30.6667 23.2671 30.6667H8.73282C4.65236 30.6667 1.33331 27.3476 1.33331 23.2672V8.73285C1.33331 4.65239 4.65236 1.33334 8.73282 1.33334H23.2671C27.3476 1.33334 30.6666 4.65239 30.6666 8.73285V23.2672ZM8.73282 4.52533C6.41296 4.52533 4.5253 6.41299 4.5253 8.73285V23.2672C4.5253 25.587 6.41296 27.4747 8.73282 27.4747H23.2671C25.587 27.4747 27.4747 25.587 27.4747 23.2672V8.73285C27.4747 6.41299 25.587 4.52533 23.2671 4.52533H8.73282Z" fill="#94A3B8" /> </svg> </a> <a class="social-nav-link" href="https://twitter.com/MRcrocoblock" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1_23)"> <path d="M19.0475 13.5513L30.9621 0H28.1397L17.7899 11.764L9.5296 0H0L12.4939 17.791L0 31.9999H2.8224L13.7451 19.574L22.4704 31.9999H32M3.84107 2.08252H8.17707L28.1376 30.0197H23.8005" fill="#94A3B8" /> </g> <defs> <clipPath id="clip0_1_23"> <rect width="32" height="32" fill="white" /> </clipPath> </defs> </svg> </a> <a class="social-nav-link" href="https://www.linkedin.com/company/crocoblock/" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.56123 6.67872C9.56123 8.28991 8.25509 9.59605 6.6439 9.59605C5.0327 9.59605 3.72656 8.28991 3.72656 6.67872C3.72656 5.06752 5.0327 3.76138 6.6439 3.76138C8.25509 3.76138 9.56123 5.06752 9.56123 6.67872ZM12.316 27.9919V11.8066H17.14V14.0199H17.208C17.8786 12.7492 19.5186 11.4066 21.9653 11.4066C27.0613 11.4066 28 14.7572 28 19.1172V27.9932H22.972V20.1212C22.972 18.2452 22.94 15.8306 20.3573 15.8306C17.7386 15.8306 17.3413 17.8759 17.3413 19.9879V27.9919H12.316ZM9.15996 11.8066H4.12663V27.9919H9.15996V11.8066Z" fill="#94A3B8" /> </svg> </a> <a class="social-nav-link" href="https://github.com/Crocoblock/" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.9875 2C8.25937 1.99688 2 8.25313 2 15.975C2 22.0813 5.91562 27.2719 11.3687 29.1781C12.1031 29.3625 11.9906 28.8406 11.9906 28.4844V26.0625C7.75 26.5594 7.57812 23.7531 7.29375 23.2844C6.71875 22.3031 5.35937 22.0531 5.76562 21.5844C6.73125 21.0875 7.71562 21.7094 8.85625 23.3938C9.68125 24.6156 11.2906 24.4094 12.1062 24.2063C12.2844 23.4719 12.6656 22.8156 13.1906 22.3062C8.79687 21.5187 6.96562 18.8375 6.96562 15.65C6.96562 14.1031 7.475 12.6813 8.475 11.5344C7.8375 9.64375 8.53437 8.025 8.62812 7.78438C10.4437 7.62188 12.3312 9.08438 12.4781 9.2C13.5094 8.92188 14.6875 8.775 16.0062 8.775C17.3312 8.775 18.5125 8.92813 19.5531 9.20938C19.9062 8.94063 21.6562 7.68438 23.3437 7.8375C23.4344 8.07813 24.1156 9.65938 23.5156 11.525C24.5281 12.675 25.0437 14.1094 25.0437 15.6594C25.0437 18.8531 23.2 21.5375 18.7937 22.3125C19.1712 22.6837 19.4708 23.1263 19.6752 23.6146C19.8797 24.1028 19.9848 24.6269 19.9844 25.1562V28.6719C20.0094 28.9531 19.9844 29.2313 20.4531 29.2313C25.9875 27.3656 29.9719 22.1375 29.9719 15.9781C29.9719 8.25313 23.7094 2 15.9875 2V2Z" fill="#94A3B8" /> </svg> </a> <a class="social-nav-link" href="https://www.pinterest.com/crocoblock/" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.9993 2.66667C8.635 2.66667 2.66667 8.63634 2.66667 15.9993C2.66667 21.6474 6.18067 26.4759 11.1414 28.4191C11.0239 27.3648 10.9198 25.7419 11.1868 24.5915C11.4297 23.5505 12.7509 17.9639 12.7509 17.9639C12.7509 17.9639 12.3519 17.1644 12.3519 15.9833C12.3519 14.1309 13.4262 12.7469 14.7648 12.7469C15.9032 12.7469 16.4518 13.6011 16.4518 14.6247C16.4518 15.7698 15.7231 17.4794 15.348 19.0649C15.0344 20.3915 16.014 21.4739 17.3219 21.4739C19.6908 21.4739 21.5139 18.9755 21.5139 15.3681C21.5139 12.1757 19.2197 9.94425 15.9446 9.94425C12.1503 9.94425 9.92289 12.7896 9.92289 15.7297C9.92289 16.8748 10.3646 18.104 10.9158 18.7726C10.9627 18.823 10.9958 18.8846 11.0119 18.9514C11.028 19.0183 11.0266 19.0882 11.0079 19.1543C10.9065 19.5747 10.6809 20.4809 10.6382 20.6664C10.5795 20.9107 10.4447 20.9627 10.1911 20.8453C8.5269 20.0699 7.48591 17.6355 7.48591 15.679C7.48591 11.4737 10.5408 7.61136 16.2956 7.61136C20.9213 7.61136 24.5154 10.9065 24.5154 15.312C24.5154 19.9084 21.618 23.6039 17.5968 23.6039C16.2449 23.6039 14.9757 22.9032 14.5406 22.0744L13.7092 25.2428C13.4089 26.4012 12.5961 27.8533 12.0529 28.7394C13.3316 29.1342 14.6624 29.3344 16.0007 29.3333C23.3637 29.3333 29.3333 23.3637 29.3333 16.0007C29.3333 8.63767 23.3623 2.66667 15.9993 2.66667Z" fill="#94A3B8" /> </svg> </a> <a class="social-nav-link" href="https://profiles.wordpress.org/crocoblock/" target="_blank" rel="noopener"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.15396 10.9103C3.41256 12.5665 3 14.4021 3 16.3333C3 21.6069 6.06726 26.1689 10.5157 28.3333L4.15396 10.9103Z" fill="#94A3B8" /> <path d="M12.5665 29.1226C13.7623 29.4753 15.0239 29.6667 16.3333 29.6667C17.8879 29.6667 19.3767 29.3976 20.7578 28.9133C20.722 28.8535 20.6921 28.7937 20.6622 28.728L16.5665 17.4993L12.5665 29.1226Z" fill="#94A3B8" /> <path d="M19.6936 9.95964C19.6936 9.95964 18.9701 10.0433 18.1689 10.0852L22.994 24.4111L24.3214 19.9686C24.3531 19.8674 24.3845 19.7679 24.4153 19.6698C24.9478 17.9769 25.3378 16.7372 25.3378 15.6577C25.3378 14.0075 24.7459 12.8655 24.2377 11.9806C24.1828 11.8913 24.1283 11.8031 24.0743 11.7159C23.4633 10.7288 22.9283 9.86436 22.9283 8.85351C22.9283 7.6278 23.855 6.4858 25.1644 6.4858C25.2192 6.4858 25.269 6.49082 25.3229 6.49626C25.3278 6.49676 25.3328 6.49726 25.3378 6.49776C22.9641 4.32735 19.8012 3 16.3333 3C11.6756 3 7.57997 5.39163 5.19432 9.00897C5.51121 9.02093 5.80419 9.02691 6.05531 9.02691C7.44843 9.02691 9.60688 8.85949 9.60688 8.85949C10.3244 8.81764 10.4081 9.87593 9.69058 9.95964C9.69058 9.95964 8.96712 10.0433 8.16592 10.0852L13.0209 24.5247L15.9387 15.7773L13.864 10.0852C13.1465 10.0433 12.4649 9.95964 12.4649 9.95964C11.7474 9.91779 11.8311 8.81764 12.5486 8.85949C12.5486 8.85949 14.7489 9.02691 16.0583 9.02691C17.4514 9.02691 19.6099 8.85949 19.6099 8.85949C20.3274 8.81764 20.4111 9.87593 19.6936 9.95964Z" fill="#94A3B8" /> <path d="M27.1076 16.0822L23.0359 27.855C27 25.5471 29.6667 21.2541 29.6667 16.3333C29.6667 14.0135 29.0747 11.8371 28.0344 9.93573C28.0942 10.3602 28.1241 10.8146 28.1241 11.3049C28.1241 12.6622 27.867 14.1809 27.1076 16.0822Z" fill="#94A3B8" /> </svg> </a></nav></div><div class="col-md-5 col-lg-4 col-xl-3"><div class="ml-lg-32 ml-xl-0"> <span class="reviews-number font-weight-bold">1000+</span> reviews on <a class="footer-link-custom underline" href="https://www.trustpilot.com/review/crocoblock.com" target="_blank" rel="noreferer noopener">Trustpilot</a></div></div></div><div class="small mt-40"><div>Copyright © 2024 Crocoblock, operated by Jetimpex Inc. All Rights Reserved</div><div>Partner Projects: <a class="footer-link-custom" href="https://www.templatemonster.com/" target="_blank" rel="noopener">TemplateMonster</a>, <a class="footer-link-custom" href="https://zemez.io/" target="_blank" rel="noopener">Zemez</a>, <a class="footer-link-custom" href="https://www.motocms.com/" target="_blank" rel="noopener">MotoCMS</a>, <a class="footer-link-custom" href="https://weblium.com/" target="_blank" rel="noopener">Weblium</a>, <a class="footer-link-custom" href="https://motopress.com/" target="_blank" rel="noopener">MotoPress</a>, <a class="footer-link-custom" href="https://monsterone.com/" target="_blank" rel="noopener">MonsterONE</a>, <a class="footer-link-custom" href="https://novibuilder.com/" target="_blank" rel="noopener">Novi Builder</a>, <a class="footer-link-custom" href="" target="_blank" rel="noopener">Web Design Library</a></div></div><div class="d-flex align-items-center mt-12"><div class="text-size-null mr-8"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5804 1.25C12.6573 1.25 10.9615 2.29274 10 3.86139C9.03846 2.29274 7.34266 1.25 5.41958 1.25C2.43007 1.25 0 3.77072 0 6.87175C0 12.557 8.14685 18.6956 9.99126 18.7409H10H10.0087C11.8531 18.6956 20 12.557 20 6.87175C20 3.77072 17.5699 1.25 14.5804 1.25Z" fill="#2588F3" /> <path d="M0.734375 10C2.77109 14.6062 8.48787 18.7046 9.99137 18.75H10.0001H10.0088C11.5123 18.7137 17.2291 14.6062 19.2658 10H0.734375Z" fill="#F2D23C" /> </svg></div><div class="small">Made in Ukraine</div></div></div></footer></div> <script type="text/javascript">window.cGtagPush = function() { window.dataLayer = window.dataLayer || []; window.dataLayer.push.call( window.dataLayer, arguments ); } window.consentCookieMap = { initial: { ad_storage: 'denied', analytics_storage: 'denied', personalization_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', functionality_storage: 'denied', security_storage: 'denied', }, all: { ad_storage: 'granted', analytics_storage: 'granted', personalization_storage: 'granted', functionality_storage: 'granted', security_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', }, optional: { ad_storage: 'denied', analytics_storage: 'denied', personalization_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', functionality_storage: 'granted', security_storage: 'granted', } } const currenType = 'initial'; window.cGtagPush( 'consent', 'default', consentCookieMap[ currenType ] );</script> <script type="text/javascript">( function( $ ) { const $document = $( document ); let isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); function acceptRequest( type ) { const ajaxURL = 'https://crocoblock.com/?accept_cookie=1'; if ( window.consentCookieMap[ type ] ) { window.cGtagPush( 'consent', 'update', window.consentCookieMap[ type ] ); } jQuery( '#modal-cookie' ).hide(); jQuery.ajax({ url: ajaxURL, type: 'POST', dataType: 'json', data: { accept_type: type } }).done( function() { //window.location.reload(); } ).fail( function() { } ); } $document.on( 'click', '#accept_optional_cookies', function( event ) { event.preventDefault(); acceptRequest( 'optional' ); }); $document.on( 'click', '#accept_all_cookies', function( event ) { event.preventDefault(); acceptRequest( 'all' ); }); if ( isMobile ) { $document.one( 'touchmove', $document, function( event ) { event.preventDefault(); jQuery( '#modal-cookie' ).show(); }); } else { $document.one( 'mousemove', $document, function( event ) { event.preventDefault(); jQuery( '#modal-cookie' ).show(); }); } }( jQuery ) );</script> <div id="jet-popup-8941" class="jet-popup jet-popup--front-mode jet-popup--hide-state jet-popup--animation-fade" data-settings="{"id":8941,"jet-popup-id":"jet-popup-8941","type":"default","animation":"fade","open-trigger":"attach","page-load-delay":"","user-inactivity-time":1,"scrolled-to":10,"on-date":"2023-07-02 07:40","on-time-start":"","on-time-end":"","custom-selector":".custom","prevent-scrolling":false,"show-once":true,"show-again-delay":"none","use-ajax":true,"force-ajax":false,"close-on-overlay-click":true}"><div class="jet-popup__inner"><div class="jet-popup__container"><div class="jet-popup__container-inner"><div class="jet-popup__container-overlay"></div><div class="jet-popup__container-content"></div></div></div></div></div><div id="jet-popup-57724" class="jet-popup jet-popup--front-mode jet-popup--hide-state jet-popup--animation-fade" data-settings="{"id":57724,"jet-popup-id":"jet-popup-57724","type":"default","animation":"fade","open-trigger":"attach","page-load-delay":1,"user-inactivity-time":3,"scrolled-to":10,"on-date":"","on-time-start":"","on-time-end":"","custom-selector":"","prevent-scrolling":false,"show-once":false,"show-again-delay":"none","use-ajax":true,"force-ajax":false,"close-on-overlay-click":true}"><div class="jet-popup__inner"><div class="jet-popup__overlay"><div class="jet-popup-loader"></div></div><div class="jet-popup__container"><div class="jet-popup__container-inner"><div class="jet-popup__container-overlay"></div><div class="jet-popup__container-content"></div></div><div class="jet-popup__close-button"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1.2123e-05 12.7273L12.7273 0.000611057L14 1.27328L1.27274 14L1.2123e-05 12.7273Z" fill="white"></path><path d="M14 12.7267L1.27273 0L0 1.27267L12.7273 13.9994L14 12.7267Z" fill="white"></path></svg></div></div></div></div><div class="modal-cookie" id="modal-cookie"><div class="modal-cookie-dialog"><div class="modal-cookie-content"><div class="d-flex align-items-center"><div class="text-size-null mr-20"> <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M41 9C42.3805 9 43.6521 8.53381 44.666 7.75018C45.3636 9.10052 46.559 10.1519 48.0094 10.6619C48.0032 10.7738 48 10.8865 48 11C48 14.3137 50.6863 17 54 17C54.9797 17 55.9045 16.7652 56.7213 16.3488C58.8175 20.4437 60 25.0838 60 30C60 46.5685 46.5685 60 30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0C31.8925 0 33.744 0.175232 35.5393 0.510357C35.193 1.26873 35 2.11183 35 3C35 6.31372 37.6863 9 41 9Z" fill="url(#paint0_linear_5140_11291)"/> <circle cx="46" cy="34" r="7" fill="url(#paint1_linear_5140_11291)"/> <circle cx="42" cy="17" r="5" fill="url(#paint2_linear_5140_11291)"/> <circle cx="19" cy="47" r="6" fill="url(#paint3_linear_5140_11291)"/> <circle cx="11" cy="25" r="6" fill="url(#paint4_linear_5140_11291)"/> <circle cx="24" cy="9" r="4" fill="url(#paint5_linear_5140_11291)"/> <circle cx="25" cy="31" r="4" fill="url(#paint6_linear_5140_11291)"/> <circle cx="39" cy="49" r="4" fill="url(#paint7_linear_5140_11291)"/> <defs> <linearGradient id="paint0_linear_5140_11291" x1="8.5" y1="9" x2="52.5" y2="53" gradientUnits="userSpaceOnUse"> <stop stop-color="#F4BC4E"/> <stop offset="1" stop-color="#E99E39"/> </linearGradient> <linearGradient id="paint1_linear_5140_11291" x1="40" y1="28" x2="52" y2="39" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> <linearGradient id="paint2_linear_5140_11291" x1="37.7143" y1="12.7143" x2="46.2857" y2="20.5714" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> <linearGradient id="paint3_linear_5140_11291" x1="13.8571" y1="41.8571" x2="24.1429" y2="51.2857" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> <linearGradient id="paint4_linear_5140_11291" x1="5.85714" y1="19.8571" x2="16.1429" y2="29.2857" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> <linearGradient id="paint5_linear_5140_11291" x1="20.5714" y1="5.57143" x2="27.4286" y2="11.8571" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> <linearGradient id="paint6_linear_5140_11291" x1="21.5714" y1="27.5714" x2="28.4286" y2="33.8571" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> <linearGradient id="paint7_linear_5140_11291" x1="35.5714" y1="45.5714" x2="42.4286" y2="51.8571" gradientUnits="userSpaceOnUse"> <stop stop-color="#85633F"/> <stop offset="1" stop-color="#5B3E24"/> </linearGradient> </defs> </svg></div><div class="title">Before you continue to use Crocoblock</div></div><div class="mt-32"><b>We use required cookies for site navigation, purchasing, improving your browsing experience to:</b></div><ul class="list pl-24"><li>Provide you with services described on the Sites, general administrative and performance functions, and support services;</li><li>Operate the Sites and verify your identity when you sign in to any of our Sites;</li><li>Inform you about company news and give updates on our services;</li><li>Carry out technical analysis to determine how to improve the Sites and services we provide;</li><li>Track outages and protect against spam and fraud.</li></ul><div>Required cookies come from the following sources: WordPress, Intercom, Freshdesk, affiliate cookies, Crazy Egg, Google Inc.</div><div class="mt-24"><b>If you choose to “Accept all,” we will also use cookies and data to:</b></div><ul class="list pl-24"><li>Improve site performance;</li><li>Deliver and measure the effectiveness of ads;</li><li>Show personalized content and ads, depending on your settings.</li></ul><div>Optional (non-required) cookies enforced by such entities as Meta (formerly Facebook) and Microsoft Advertising (formerly Bing).</div><div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between mt-32"><div></div><div class="d-flex flex-column flex-sm-row-reverse mt-32 mt-sm-0"> <a href="#" class="btn ml-sm-20 modal-cookie-close" id="accept_all_cookies"> Accept all </a> <a href="#" class="btn btn-outline mt-20 mt-sm-0 modal-cookie-close" id="accept_optional_cookies"> Accept required </a></div></div></div></div></div> <script type="text/x-template" id="desktop-menu-item-template"><li class="croco-site-desktop-menu__item" :class="{ 'is-template': isTemplate, 'is-sub-open': isSubContainerOpen, 'is-sub': isSubContainer }" v-on:mouseenter="mouseEnter" v-on:mouseleave="mouseLeave"> <a :href="itemData.url" :class="itemData.customClass ? itemData.customClass : 'croco-site-desktop-menu__item-title'" v-if="!isSubContainer">{{itemData.name}}</a> <div class="croco-site-desktop-menu__item-name" :class="itemData.customClass" v-if="isSubContainer"> <div class="croco-site-desktop-menu__template-loader" v-if="templateLoading"> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg> </div> <span class="croco-site-desktop-menu__item-title" v-on:mouseenter="subToggle"> {{itemData.name}} <span class="croco-site-desktop-menu__sub-marker"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.41 8.59009L12 13.1701L16.59 8.59009L18 10.0001L12 16.0001L6 10.0001L7.41 8.59009Z" fill="#000000"/> </svg> </span> </span> </div> <transition name="sub-container-animation" v-if="isSubContainer"> <div class="croco-site-desktop-menu__sub-container" ref="sub-container" v-show="isSubContainerOpen"> <div class="croco-site-desktop-menu__container container"> <ul class="croco-site-desktop-menu__sub-menu" v-if="!isTemplate"> <desktopmenuitem class="sub-item" v-for="(item, index) in itemData.children" :key="index" :item-data-object="item" :level-items-object="itemData.children" level='sub' ></desktopmenuitem> </ul> <div class="croco-site-desktop-menu__template" ref="template-content" v-if="isTemplate"> <div class="croco-site-desktop-menu__template-inner"></div> </div> </div> </div> </transition> </li></script> <script type="text/x-template" id="desktop-menu-template"><div class="croco-site-desktop-menu__instance" v-on:mouseenter="mouseEnter" v-on:mouseleave="mouseLeave"> <ul class="croco-site-desktop-menu__top-list"> <desktopmenuitem class="top-item" v-for="(item, index) in itemsTreeData" :key="index" :item-data-object="item" :level-items-object="itemsTreeData" level='top' ></desktopmenuitem> </ul> </div></script> <script type="text/x-template" id="mobile-menu-item-template"><li class="croco-site-mobile-menu__item" v-on:click="switchToSub"> <div class="croco-site-mobile-menu__item-name"> <span class="croco-site-mobile-menu__item-title" v-if="isSub">{{itemDataObject.name}}</span> <a :href="itemDataObject.url" class="croco-site-desktop-menu__item-link" :class="itemDataObject.customClass" v-if="!isSub"> {{ itemDataObject.name }} </a> </div> <span class="croco-site-mobile-menu__sub-marker" v-if="isSub"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z" fill="#000000"/> </svg> </span> </li></script> <script type="text/x-template" id="mobile-menu-list-template"><div class="croco-site-mobile-menu__list" :class="{ 'is-breadcrumbs': isBreadcrumbs }"> <div class="croco-site-mobile-menu__back-button" v-if="isBack" v-on:click="goBack"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.41458 10.6673L8.86023 4.22168L10.2744 5.63589L4.91049 10.9999H22.0821V12.9999H4.7471L10.1923 18.445L8.77805 19.8592L0.999878 12.0811L2.41409 10.6668L2.41458 10.6673Z" fill="black"/> </svg> </div> <div class="croco-site-mobile-menu__breadcrumbs" v-if="isBreadcrumbs">{{ breadcrumbsPath }}</div> <ul class="croco-site-mobile-menu__list-items"> <mobilemenuitem v-for="item in childrenObject" :key="item.id" :item-data-object="item"></mobilemenuitem> </ul> </div></script> <script type="text/x-template" id="mobile-menu-template"><div class="croco-site-mobile-menu__instance"> <div class="croco-site-mobile-menu__toggle" v-on:click="menuToggle"> <svg class="croco-site-mobile-menu__toggle-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H4V6H20V4ZM15 11H4V13H15V11ZM4 18H20V20H4V18Z" fill="#000000"/> </svg> </div> <transition name="sub-container-right-animation"> <div class="croco-site-mobile-menu__container" v-if="menuOpen"> <transition :name="animation"> <mobilemenulist :key="depth" :depth="depth" :animation="animation" :children-object="itemsList" :breadcrumbs-path="breadcrumbsPath" ></mobilemenulist> </transition> </div> </transition> <div class="croco-site-mobile-menu__close"></div> </div></script> <script type="text/x-template" id="mobile-support-menu-template"><div class="croco-site-mobile-support-menu__instance"> <div class="croco-site-mobile-support-menu__toggle" v-on:click="menuToggle"> <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 16H14.5C14.6354 16 14.75 15.9479 14.8438 15.8438C14.9479 15.75 15 15.6354 15 15.5V13.2969C15 12.7656 14.849 12.2865 14.5469 11.8594C14.2448 11.4219 13.849 11.1146 13.3594 10.9375C13.0573 10.8333 12.7083 10.7292 12.3125 10.625C11.9167 10.5104 11.474 10.4062 10.9844 10.3125C10.4948 10.2188 9.95833 10.1458 9.375 10.0938C8.79167 10.0312 8.16667 10 7.5 10C6.83333 10 6.20833 10.0312 5.625 10.0938C5.04167 10.1458 4.50521 10.2188 4.01562 10.3125C3.52604 10.4062 3.08333 10.5104 2.6875 10.625C2.29167 10.7292 1.94271 10.8333 1.64062 10.9375C1.15104 11.1146 0.755208 11.4219 0.453125 11.8594C0.151042 12.2865 0 12.7656 0 13.2969V15.5C0 15.6354 0.046875 15.75 0.140625 15.8438C0.244792 15.9479 0.364583 16 0.5 16ZM7.5 9C8.05208 9 8.56771 8.89583 9.04688 8.6875C9.53646 8.47917 9.96354 8.19271 10.3281 7.82812C10.6927 7.46354 10.9792 7.04167 11.1875 6.5625C11.3958 6.07292 11.5 5.55208 11.5 5V4C11.5 3.44792 11.3958 2.93229 11.1875 2.45312C10.9792 1.96354 10.6927 1.53646 10.3281 1.17188C9.96354 0.807292 9.53646 0.520833 9.04688 0.3125C8.56771 0.104167 8.05208 0 7.5 0C6.94792 0 6.42708 0.104167 5.9375 0.3125C5.45833 0.520833 5.03646 0.807292 4.67188 1.17188C4.30729 1.53646 4.02083 1.96354 3.8125 2.45312C3.60417 2.93229 3.5 3.44792 3.5 4V5C3.5 5.55208 3.60417 6.07292 3.8125 6.5625C4.02083 7.04167 4.30729 7.46354 4.67188 7.82812C5.03646 8.19271 5.45833 8.47917 5.9375 8.6875C6.42708 8.89583 6.94792 9 7.5 9Z" fill="#5C6B79"/> </svg> </div> <transition name="sub-container-left-animation"> <div class="croco-site-mobile-support-menu__container" v-show="menuOpen" ref="template-container"> <div class="croco-site-desktop-support-menu__template-loader" v-if="templateLoading"> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg> </div> <div class="croco-site-mobile-support-menu__container-inner"> </div> </div> </transition> </div></script><noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://crocoblock.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=3.1.10'></script> <script type="text/x-template" id="desktop-menu-item-template"><li class="croco-site-desktop-menu__item" :class="{ 'is-template': isTemplate, 'is-sub-open': isSubContainerOpen, 'is-sub': isSubContainer }" v-on:mouseenter="mouseEnter" v-on:mouseleave="mouseLeave"> <a :href="itemData.url" :class="itemData.customClass ? itemData.customClass : 'croco-site-desktop-menu__item-title'" v-if="!isSubContainer">{{itemData.name}}</a> <div class="croco-site-desktop-menu__item-name" :class="itemData.customClass" v-if="isSubContainer"> <div class="croco-site-desktop-menu__template-loader" v-if="templateLoading"> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg> </div> <span class="croco-site-desktop-menu__item-title" v-on:mouseenter="subToggle"> {{itemData.name}} <span class="croco-site-desktop-menu__sub-marker"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.41 8.59009L12 13.1701L16.59 8.59009L18 10.0001L12 16.0001L6 10.0001L7.41 8.59009Z" fill="#000000"/> </svg> </span> </span> </div> <transition name="sub-container-animation" v-if="isSubContainer"> <div class="croco-site-desktop-menu__sub-container" ref="sub-container" v-show="isSubContainerOpen"> <div class="croco-site-desktop-menu__container container"> <ul class="croco-site-desktop-menu__sub-menu" v-if="!isTemplate"> <desktopmenuitem class="sub-item" v-for="(item, index) in itemData.children" :key="index" :item-data-object="item" :level-items-object="itemData.children" level='sub' ></desktopmenuitem> </ul> <div class="croco-site-desktop-menu__template" ref="template-content" v-if="isTemplate"> <div class="croco-site-desktop-menu__template-inner"></div> </div> </div> </div> </transition> </li></script> <script type="text/x-template" id="desktop-menu-template"><div class="croco-site-desktop-menu__instance" v-on:mouseenter="mouseEnter" v-on:mouseleave="mouseLeave"> <ul class="croco-site-desktop-menu__top-list"> <desktopmenuitem class="top-item" v-for="(item, index) in itemsTreeData" :key="index" :item-data-object="item" :level-items-object="itemsTreeData" level='top' ></desktopmenuitem> </ul> </div></script> <script type="text/x-template" id="mobile-menu-item-template"><li class="croco-site-mobile-menu__item" v-on:click="switchToSub"> <div class="croco-site-mobile-menu__item-name"> <span class="croco-site-mobile-menu__item-title" v-if="isSub">{{itemDataObject.name}}</span> <a :href="itemDataObject.url" class="croco-site-desktop-menu__item-link" :class="itemDataObject.customClass" v-if="!isSub"> {{ itemDataObject.name }} </a> </div> <span class="croco-site-mobile-menu__sub-marker" v-if="isSub"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.99997 6L8.58997 7.41L13.17 12L8.58997 16.59L9.99997 18L16 12L9.99997 6Z" fill="#000000"/> </svg> </span> </li></script> <script type="text/x-template" id="mobile-menu-list-template"><div class="croco-site-mobile-menu__list" :class="{ 'is-breadcrumbs': isBreadcrumbs }"> <div class="croco-site-mobile-menu__back-button" v-if="isBack" v-on:click="goBack"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.41458 10.6673L8.86023 4.22168L10.2744 5.63589L4.91049 10.9999H22.0821V12.9999H4.7471L10.1923 18.445L8.77805 19.8592L0.999878 12.0811L2.41409 10.6668L2.41458 10.6673Z" fill="black"/> </svg> </div> <div class="croco-site-mobile-menu__breadcrumbs" v-if="isBreadcrumbs">{{ breadcrumbsPath }}</div> <ul class="croco-site-mobile-menu__list-items"> <mobilemenuitem v-for="item in childrenObject" :key="item.id" :item-data-object="item"></mobilemenuitem> </ul> </div></script> <script type="text/x-template" id="mobile-menu-template"><div class="croco-site-mobile-menu__instance"> <div class="croco-site-mobile-menu__toggle" v-on:click="menuToggle"> <svg class="croco-site-mobile-menu__toggle-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H4V6H20V4ZM15 11H4V13H15V11ZM4 18H20V20H4V18Z" fill="#000000"/> </svg> </div> <transition name="sub-container-right-animation"> <div class="croco-site-mobile-menu__container" v-if="menuOpen"> <transition :name="animation"> <mobilemenulist :key="depth" :depth="depth" :animation="animation" :children-object="itemsList" :breadcrumbs-path="breadcrumbsPath" ></mobilemenulist> </transition> </div> </transition> <div class="croco-site-mobile-menu__close"></div> </div></script> <script type="text/x-template" id="mobile-support-menu-template"><div class="croco-site-mobile-support-menu__instance"> <div class="croco-site-mobile-support-menu__toggle" v-on:click="menuToggle"> <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 16H14.5C14.6354 16 14.75 15.9479 14.8438 15.8438C14.9479 15.75 15 15.6354 15 15.5V13.2969C15 12.7656 14.849 12.2865 14.5469 11.8594C14.2448 11.4219 13.849 11.1146 13.3594 10.9375C13.0573 10.8333 12.7083 10.7292 12.3125 10.625C11.9167 10.5104 11.474 10.4062 10.9844 10.3125C10.4948 10.2188 9.95833 10.1458 9.375 10.0938C8.79167 10.0312 8.16667 10 7.5 10C6.83333 10 6.20833 10.0312 5.625 10.0938C5.04167 10.1458 4.50521 10.2188 4.01562 10.3125C3.52604 10.4062 3.08333 10.5104 2.6875 10.625C2.29167 10.7292 1.94271 10.8333 1.64062 10.9375C1.15104 11.1146 0.755208 11.4219 0.453125 11.8594C0.151042 12.2865 0 12.7656 0 13.2969V15.5C0 15.6354 0.046875 15.75 0.140625 15.8438C0.244792 15.9479 0.364583 16 0.5 16ZM7.5 9C8.05208 9 8.56771 8.89583 9.04688 8.6875C9.53646 8.47917 9.96354 8.19271 10.3281 7.82812C10.6927 7.46354 10.9792 7.04167 11.1875 6.5625C11.3958 6.07292 11.5 5.55208 11.5 5V4C11.5 3.44792 11.3958 2.93229 11.1875 2.45312C10.9792 1.96354 10.6927 1.53646 10.3281 1.17188C9.96354 0.807292 9.53646 0.520833 9.04688 0.3125C8.56771 0.104167 8.05208 0 7.5 0C6.94792 0 6.42708 0.104167 5.9375 0.3125C5.45833 0.520833 5.03646 0.807292 4.67188 1.17188C4.30729 1.53646 4.02083 1.96354 3.8125 2.45312C3.60417 2.93229 3.5 3.44792 3.5 4V5C3.5 5.55208 3.60417 6.07292 3.8125 6.5625C4.02083 7.04167 4.30729 7.46354 4.67188 7.82812C5.03646 8.19271 5.45833 8.47917 5.9375 8.6875C6.42708 8.89583 6.94792 9 7.5 9Z" fill="#5C6B79"/> </svg> </div> <transition name="sub-container-left-animation"> <div class="croco-site-mobile-support-menu__container" v-show="menuOpen" ref="template-container"> <div class="croco-site-desktop-support-menu__template-loader" v-if="templateLoading"> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#34d7a1" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg> </div> <div class="croco-site-mobile-support-menu__container-inner"> </div> </div> </transition> </div></script><script type="text/html" id="tmpl-jet-ajax-search-results-item"><div class="jet-ajax-search__item d-flex {{{data.post_class}}}"> <div class="jet-ajax-search__icon-box text-size-null mr-12">{{{data.post_icon}}}</div> <a class="jet-ajax-search__link" href="{{{data.link}}}" target="{{{data.link_target_attr}}}">{{{data.title}}}</a> </div></script><link rel='stylesheet' id='jet-form-builder-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_0b27095ead5ac60610146ac0094ac3f0.css?ver=3.3.2' type='text/css' media='all' /><link rel='stylesheet' id='elementor-icons-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.18.0' type='text/css' media='all' /><link rel='stylesheet' id='elementor-frontend-legacy-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/css/frontend-legacy.min.css?ver=3.11.5' type='text/css' media='all' /><link rel='stylesheet' id='elementor-frontend-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.11.5' type='text/css' media='all' /><link rel='stylesheet' id='swiper-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/swiper/css/swiper.min.css?ver=5.3.6' type='text/css' media='all' /><link rel='stylesheet' id='elementor-post-22743-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-22743.css?ver=1706113039' type='text/css' media='all' /><link rel='stylesheet' id='jet-tabs-frontend-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_641f07eec6fa899b773b8b3916a7e287.css?ver=2.1.21' type='text/css' media='all' /><link rel='stylesheet' id='elementor-post-8941-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-8941.css?ver=1685122821' type='text/css' media='all' /><link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' /><link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' type='text/css' media='all' /><link rel='stylesheet' id='elementor-post-57724-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-57724.css?ver=1658465177' type='text/css' media='all' /> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/underscore.min.js?ver=1.13.4' id='underscore-js'></script> <script type='text/javascript' id='wp-util-js-extra'>/* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/wp-util.min.js?ver=6.3.3' id='wp-util-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/jet-search/assets/lib/chosen/chosen.jquery.min.js?ver=1.8.7' id='jquery-chosen-js'></script> <script type='text/javascript' id='jet-search-js-extra'>/* <![CDATA[ */ var jetSearchSettings = {"ajaxurl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php","action":"jet_ajax_search","nonce":"e53476822d","sumbitOnEnter":"1"}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_d1e889fa43c0fc3b205b06ba4dc12550.js?ver=3.0.3' id='jet-search-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_1278bec9125833f28c1e5d610748eee0.js?ver=2.0.4' id='crocoblock-clipboard-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_06619d43deaf1087c20a5f57272b8909.js?ver=20151215' id='crocoblock-io-lazy-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/themes/crocoblock/js/slick.min.js?ver=1.6.0' id='crocoblock-slick-js'></script> <script type='text/javascript' id='crocoblock-theme-script-js-extra'>/* <![CDATA[ */ var CrocoblockThemeScript = {"ajaxUrl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php"}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_4018397cde3b2d1352f5886bc1af1c8f.js?ver=20151211' id='crocoblock-theme-script-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_6d4fb7806a34c653878ac7f353d8fee6.js?ver=1.0.0' id='crocoblock-exa-scripts-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_a505b5ad39feadb8e3372b9e91483212.js?ver=1.0.0' id='crocoblock-ai-summit-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/comment-reply.min.js?ver=6.3.3' id='comment-reply-js'></script> <script type='text/javascript' id='vue-js-extra'>/* <![CDATA[ */ var jgbSettings = {"api":{"endpoints":{"Posts":"https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/posts\/","PostTypes":"https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/post-types\/","TaxonomyTerms":"https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/taxonomy-terms\/","Taxonomies":"https:\/\/crocoblock.com\/wp-json\/posts-grid-builder\/v1\/taxonomies\/"}}}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/croco-site-content-types/assets/js/public/vue.min.js?ver=2.6.10' id='vue-js'></script> <script type='text/javascript' id='croco-site-menu-frontend-js-extra'>/* <![CDATA[ */ var CrocoSiteMenuData = {"version":"2.0.1","ajaxUrl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php","isMobile":"false","elementorTemplateApiUrl":"https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/elementor-template","blockEditorTemplateApiUrl":"https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/block-editor-template","menuItemsApiUrl":"https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/get-menu-items","loggedIn":"false","devMode":"false","contentType":"reusable-blocks"}; var CrocoSiteMenuData = {"menuData":{"croco-site-desktop-menu":{"name":"Croco Desktop Menu","slug":"croco-desktop-menu","items":{"item-13182":{"id":"item-13182","name":"Products","url":"","itemParent":false,"elementorTemplateId":72016,"open":false,"afterBadgeText":"","customClass":"megamenu-link cs-products-item"},"item-28595":{"id":"item-28595","name":"Solutions","url":"","itemParent":false,"elementorTemplateId":72018,"open":false,"afterBadgeText":"","customClass":"megamenu-link"},"item-39877":{"id":"item-39877","name":"Feature List","url":"","itemParent":false,"elementorTemplateId":72020,"open":false,"afterBadgeText":"","customClass":"dropdown-link"}}},"croco-site-desktop-support-menu":{"name":"Support","slug":"support","items":{"item-13587":{"id":"item-13587","name":"Sign In","url":"https:\/\/account.crocoblock.com\/","itemParent":false,"elementorTemplateId":false,"open":false,"afterBadgeText":"","customClass":""},"item-13588":{"id":"item-13588","name":"Help Center","url":"","itemParent":false,"elementorTemplateId":72022,"open":false,"afterBadgeText":"","customClass":"dropdown-link"},"item-13589":{"id":"item-13589","name":"Pricing","url":"https:\/\/crocoblock.com\/pricing\/","itemParent":false,"elementorTemplateId":false,"open":false,"afterBadgeText":"","customClass":"btn menu-btn menu-btn-outline"}}}},"version":"2.0.1","ajaxUrl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php","isMobile":"false","elementorTemplateApiUrl":"https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/elementor-template","blockEditorTemplateApiUrl":"https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/block-editor-template","menuItemsApiUrl":"https:\/\/crocoblock.com\/wp-json\/croco-site-api\/v1\/get-menu-items","loggedIn":"false","devMode":"false","contentType":"reusable-blocks"}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_497fb9c511ae15fee379d7903beb9f60.js?ver=2.0.1' id='croco-site-menu-frontend-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_41f51437bd5e8bef231a33ff6d27495e.js?ver=3.3.2' id='jet-fb-deprecated-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_9af27222a4879b3a138441b1ef0165fd.js?ver=1.0.0' id='jet-plugins-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2' id='wp-polyfill-inert-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.11' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1' id='wp-hooks-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef' id='wp-i18n-js'></script> <script id="wp-i18n-js-after" type="text/javascript">wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );</script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/url.min.js?ver=8814d23f2d64864d280d' id='wp-url-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/dist/api-fetch.min.js?ver=0fa4dabf8bf2c7adf21a' id='wp-api-fetch-js'></script> <script id="wp-api-fetch-js-after" type="text/javascript">wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://crocoblock.com/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "b858b3c48d" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "https://crocoblock.com/wp-admin/admin-ajax.php?action=rest-nonce";</script> <script type='text/javascript' id='jet-form-builder-frontend-forms-js-extra'>/* <![CDATA[ */ var JetFormBuilderSettings = {"ajaxurl":"https:\/\/crocoblock.com\/blog\/ajax-based-jetsearch-functionality\/?jet_form_builder_submit=submit&method=ajax","devmode":"","replaceAttrs":["href","src","alt","title"],"disable_next_button":"","scroll_on_next":"1","auto_focus":"1","builtInStates":["DEFAULT.STATE"]}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_5be55a2d976864fc9c2385e25bf40fb9.js?ver=3.3.2' id='jet-form-builder-frontend-forms-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_bd48c8d112c8b05efebf2600d8e8229d.js?ver=3.3.2' id='jet-fb-checkbox-field-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/jet-popup/assets/js/lib/anime-js/anime.min.js?ver=2.0.2' id='jet-anime-js-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.11.5' id='elementor-webpack-runtime-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.11.5' id='elementor-frontend-modules-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script> <script type='text/javascript' src='https://crocoblock.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2' id='jquery-ui-core-js'></script> <script id="elementor-frontend-js-before" type="text/javascript">var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}, "version":"3.11.5","is_static":false,"experimentalFeatures":{"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"kit-elements-defaults":true},"urls":{"assets":"https:\/\/crocoblock.com\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper-container","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"]},"post":{"id":9979,"title":"AJAX%20Search%20for%20WordPress%20Websites%3A%20Top%20Plugins%20and%20Use%20Cases%20-%20Crocoblock","excerpt":"","featuredImage":"https:\/\/crocoblock.com\/wp-content\/uploads\/2019\/01\/Explained_-_AJAX_Search-1024x576.png"}}; var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}, "version":"3.11.5","is_static":false,"experimentalFeatures":{"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"kit-elements-defaults":true},"urls":{"assets":"https:\/\/crocoblock.com\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper-container","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"]},"post":{"id":9979,"title":"AJAX%20Search%20for%20WordPress%20Websites%3A%20Top%20Plugins%20and%20Use%20Cases%20-%20Crocoblock","excerpt":"","featuredImage":"https:\/\/crocoblock.com\/wp-content\/uploads\/2019\/01\/Explained_-_AJAX_Search-1024x576.png"}}; var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}, "version":"3.11.5","is_static":false,"experimentalFeatures":{"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"kit-elements-defaults":true},"urls":{"assets":"https:\/\/crocoblock.com\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper-container","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"]},"post":{"id":9979,"title":"AJAX%20Search%20for%20WordPress%20Websites%3A%20Top%20Plugins%20and%20Use%20Cases%20-%20Crocoblock","excerpt":"","featuredImage":"https:\/\/crocoblock.com\/wp-content\/uploads\/2019\/01\/Explained_-_AJAX_Search-1024x576.png"}};</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.11.5' id='elementor-frontend-js'></script> <script type='text/javascript' id='jet-popup-frontend-js-extra'>/* <![CDATA[ */ var jetPopupData = {"elements_data":{"sections":[],"columns":[],"widgets":[]},"version":"1.6.3","ajax_url":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php"}; var jetPopupData = {"elements_data":{"sections":[],"columns":[],"widgets":[]},"version":"1.6.3","ajax_url":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php"}; var jetPopupData = {"elements_data":{"sections":[],"columns":[],"widgets":[]},"version":"1.6.3","ajax_url":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php"}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/cache/autoptimize/1/js/autoptimize_single_a6284abc60ea8f955199358145746582.js?ver=1.6.3' id='jet-popup-frontend-js'></script> <script type='text/javascript' id='jet-tabs-frontend-js-extra'>/* <![CDATA[ */ var JetTabsSettings = {"ajaxurl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php","isMobile":"false","templateApiUrl":"https:\/\/crocoblock.com\/wp-json\/jet-tabs-api\/v1\/elementor-template","devMode":"false"}; var JetTabsSettings = {"ajaxurl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php","isMobile":"false","templateApiUrl":"https:\/\/crocoblock.com\/wp-json\/jet-tabs-api\/v1\/elementor-template","devMode":"false"}; var JetTabsSettings = {"ajaxurl":"https:\/\/crocoblock.com\/wp-admin\/admin-ajax.php","isMobile":"false","templateApiUrl":"https:\/\/crocoblock.com\/wp-json\/jet-tabs-api\/v1\/elementor-template","devMode":"false"}; /* ]]> */</script> <script type='text/javascript' src='https://crocoblock.com/wp-content/plugins/jet-tabs/assets/js/jet-tabs-frontend.min.js?ver=2.1.21' id='jet-tabs-frontend-js'></script> <script type="text/javascript">!function(t,e,c,n){var s=e.createElement(c);s.async=1,s.src="https://script.esputnik.com/"+n+"/sc.js";var r=e.scripts[0];r.parentNode.insertBefore(s,r)}(window,document,'script',"C468295CBC62478E9CED607AED95F53A");</script> <script type='text/javascript'>var CSCartData = {"desing-single":{"name":"Design","id":9,"price":"39","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"design-unlimited":{"name":"Design","id":9,"price":"59","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"multi-tool-single":{"name":"Multi Tool","id":9,"price":"69","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"multi-tool-unlimited":{"name":"Multi Tool","id":9,"price":"99","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"e-commerce-single":{"name":"E-Commerce","id":9,"price":"69","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"e-commerce-unlimited":{"name":"E-Commerce","id":9,"price":"99","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"lifetime":{"name":"All Inclusive Lifetime","id":9,"price":"999","brand":"Crocoblock","category":"Lifetime","variant":"Unlimited","quantity":1},"yearly":{"name":"All-Inclusive Yearly","id":9,"price":"229","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"desing-new-single":{"name":"Design","id":9,"price":"80","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"design-new-unlimited":{"name":"Design","id":9,"price":"165","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"dynamic-new-single":{"name":"Dynamic","id":9,"price":"85","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"dynamic-new-unlimited":{"name":"Dynamic","id":9,"price":"175","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"e-commerce-new-single":{"name":"E-Commerce","id":9,"price":"70","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"e-commerce-new-unlimited":{"name":"E-Commerce","id":9,"price":"145","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"yearly-new-single":{"name":"All-Inclusive Yearly","id":9,"price":"199","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"yearly-new-unlimited":{"name":"All-Inclusive Yearly","id":9,"price":"399","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"freelance-lifetime":{"name":"All Inclusive Lifetime","id":9,"price":"750","brand":"Crocoblock","category":"Lifetime","variant":"Unlimited","quantity":1},"lifetime-new":{"name":"All Inclusive Lifetime","id":9,"price":"999","brand":"Crocoblock","category":"Lifetime","variant":"Unlimited","quantity":1},"e-commerce-set-single":{"name":"E-Commerce Set","id":9,"price":"169","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"e-commerce-set-unlimited":{"name":"E-Commerce Set","id":9,"price":"329","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1},"bricks-set-single":{"name":"Bricks Set","id":9,"price":"139","brand":"Crocoblock","category":"Sets","variant":"Single","quantity":1},"bricks-set-unlimited":{"name":"Bricks Set","id":9,"price":"299","brand":"Crocoblock","category":"Sets","variant":"Unlimited","quantity":1}}; (function () { "use strict"; jQuery( document ).on( 'click', 'a.cs-add-to-cart', function( event ) { event.preventDefault(); var $this = jQuery( this ), type; if ( $this.hasClass( 'is-single' ) ) { type = 'single'; } else { type = 'unlimited'; } if ( ! window.CSCartData || ! window.CSCartData[ type ] ) { window.location = $this.attr( 'href' ); return; } window.dataLayer = window.dataLayer || []; /* pre GA4 tracking window.dataLayer.push({ 'event': 'addToCart', 'ecommerce': { 'add': { 'products': [{ 'name': window.CSCartData[ type ].name, 'id': window.CSCartData[ type ].id, 'price': window.CSCartData[ type ].price, 'brand': 'Crocoblock', 'category': window.CSCartData[ type ].category, 'variant': window.CSCartData[ type ].variant, 'quantity': 1 }] } } }); */ /** * GA4 tracking data */ window.dataLayer.push({ event: "add_to_cart", ecommerce: { items: [ { item_id: window.CSCartData[ type ].id, item_name: window.CSCartData[ type ].name, affiliation: "Croco", item_brand: "initial", item_category: window.CSCartData[ type ].category, item_variant: window.CSCartData[ type ].variant, price: window.CSCartData[ type ].price, quantity: 1 } ] } }); window.dataLayer.push({ 'dr_event_name': 'add_to_cart', 'dr_event_value': window.CSCartData[ type ].price, 'dr_event_items' : [{ 'id': window.CSCartData[ type ].id, 'google_business_vertical': 'custom', }] }); var fbData = { 'value': window.CSCartData[ type ].price, 'currency': 'USD', 'content_ids': [ parseInt( window.CSCartData[ type ].id, 10 ) ], 'content_type': 'product', 'content_name': window.CSCartData[ type ].name, 'content_category': 'Plugins', }; if ( 'fbq' in window ) { fbq( 'track', 'AddToCart', fbData ); } else { console.log( fbData ); } window.location = $this.attr( 'href' ); } ); jQuery( document ).on( 'click', 'a.crocoblock-price__btn, .cs-price__btn', function( event ) { event.preventDefault(); var $this = jQuery( this ), type = $this.data( 'price' ); if ( ! window.CSCartData || ! window.CSCartData[ type ] ) { if ( '_blank' !== $this.attr( 'target' ) ) { window.location = $this.attr( 'href' ); } else { window.open( $this.attr( 'href' ), '_blank' ).focus(); } return; } var fbData = { 'value': window.CSCartData[ type ].price, 'currency': 'USD', 'content_ids': [ parseInt( window.CSCartData[ type ].id, 10 ) ], 'content_type': 'product', 'content_name': window.CSCartData[ type ].name, 'content_category': 'Sets', }; if ( 'fbq' in window ) { fbq( 'track', 'AddToCart', fbData ); } window.dataLayer = window.dataLayer || []; /* pre GA4 tracking window.dataLayer.push({ 'event': 'addToCart', 'ecommerce': { 'add': { 'products': [ window.CSCartData[ type ] ] } } }); */ /** * GA4 tracking data */ window.dataLayer.push({ event: "add_to_cart", ecommerce: { items: [ { item_id: window.CSCartData[ type ].id, item_name: window.CSCartData[ type ].name, affiliation: "Croco", item_brand: "initial", item_category: window.CSCartData[ type ].category, item_variant: window.CSCartData[ type ].variant, price: window.CSCartData[ type ].price, quantity: 1 } ] } }); window.dataLayer.push({ 'dr_event_name': 'add_to_cart', 'dr_event_value': window.CSCartData[ type ].price, 'dr_event_items' : [{ 'id': window.CSCartData[ type ].id, 'google_business_vertical': 'custom', }] }); if ( '_blank' !== $this.attr( 'target' ) ) { window.location = $this.attr( 'href' ); } else { window.open( $this.attr( 'href' ), '_blank' ).focus(); } } ); })();</script> </body></html>