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=""><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <title>GridbuilderWP vs. Essential Grid vs. Unlimited Elements vs. Post Grid Pro vs. Crocoblock: Feature Comparison</title><meta name="description" content="Compare best WordPress post grids and layout plugins. Find out the difference between Gridbuilder, Unlimited Elements, Essential Grid, Crocoblock and more." /><link rel="canonical" href="https://crocoblock.com/feature-comparison-grid-layout-plugins/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="GridbuilderWP vs. Essential Grid vs. Unlimited Elements vs. Post Grid Pro vs. Crocoblock: Feature Comparison" /><meta property="og:description" content="Compare best WordPress post grids and layout plugins. Find out the difference between Gridbuilder, Unlimited Elements, Essential Grid, Crocoblock and more." /><meta property="og:url" content="https://crocoblock.com/feature-comparison-grid-layout-plugins/" /><meta property="og:site_name" content="Crocoblock" /><meta property="article:publisher" content="https://www.facebook.com/crocoblock/" /><meta property="article:modified_time" content="2024-11-21T08:34:25+00:00" /><meta property="og:image" content="https://crocoblock.com/wp-content/uploads/2021/05/logo-croco.svg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@MRcrocoblock" /><meta name="twitter:label1" content="Est. reading time" /><meta name="twitter:data1" content="8 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://crocoblock.com/feature-comparison-grid-layout-plugins/","url":"https://crocoblock.com/feature-comparison-grid-layout-plugins/","name":"GridbuilderWP vs. Essential Grid vs. Unlimited Elements vs. Post Grid Pro vs. Crocoblock: Feature Comparison","isPartOf":{"@id":"https://crocoblock.com/#website"},"primaryImageOfPage":{"@id":"https://crocoblock.com/feature-comparison-grid-layout-plugins/#primaryimage"},"image":{"@id":"https://crocoblock.com/feature-comparison-grid-layout-plugins/#primaryimage"},"thumbnailUrl":"https://crocoblock.com/wp-content/uploads/2021/05/logo-croco.svg","datePublished":"2020-12-08T09:48:33+00:00","dateModified":"2024-11-21T08:34:25+00:00","description":"Compare best WordPress post grids and layout plugins. Find out the difference between Gridbuilder, Unlimited Elements, Essential Grid, Crocoblock and more.","breadcrumb":{"@id":"https://crocoblock.com/feature-comparison-grid-layout-plugins/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://crocoblock.com/feature-comparison-grid-layout-plugins/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://crocoblock.com/feature-comparison-grid-layout-plugins/#primaryimage","url":"https://crocoblock.com/wp-content/uploads/2021/05/logo-croco.svg","contentUrl":"https://crocoblock.com/wp-content/uploads/2021/05/logo-croco.svg","width":138,"height":19},{"@type":"BreadcrumbList","@id":"https://crocoblock.com/feature-comparison-grid-layout-plugins/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://crocoblock.com/"},{"@type":"ListItem","position":2,"name":"Grids & Layouts"}]},{"@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"]}]}</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='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_1a66ed25962ececb2390b64ebe593a69.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='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-29383-css' href='https://crocoblock.com/wp-content/uploads/elementor/css/post-29383.css?ver=1732178066' type='text/css' media='all' /><link rel='stylesheet' id='cbf-styles-css' href='https://crocoblock.com/wp-content/cache/autoptimize/1/css/autoptimize_single_92652a22ac08ae7a38e98fc3bec52c73.css?ver=1.0.0' 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/pages/29383" /><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%2Ffeature-comparison-grid-layout-plugins%2F" /><link rel="alternate" type="text/xml+oembed" href="https://crocoblock.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcrocoblock.com%2Ffeature-comparison-grid-layout-plugins%2F&format=xml" /><style type="text/css">body:not(.site-header-stuck-disabled) .site-header-stuck .site-header-wrap {top: 0;}</style><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><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 { display: none!important; } .b-day-croco-on { } /*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 { } .discount-off { display: none !important; } /*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%; } .page-id-673 .d-flex.align-items-baseline.mb-40.pr-box .d-none { display: block !important; } .page-id-673 .d-flex.align-items-baseline.mb-40.pr-box .h3.mr-8.d-block { display: none !important; } /*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="page-template page-template-elementor_header_footer page page-id-29383 wp-custom-logo no-sidebar ie sticky-fixed site-header-stuck-disabled elementor-default elementor-template-full-width elementor-kit-22743 elementor-page elementor-page-29383"><div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a><div class="bf-2024-banner"><div class="container"><div class="d-flex justify-content-center"><div class="left-column d-none d-lg-block"><div class="decor-element text-size-null d-none d-xl-block"> <noscript><img width="140" height="100" alt="Croco Black Friday 2024 banner element" src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/images/bf-2024-banner-decor-element.webp"/></noscript><img class="lazyload" width="140" height="100" alt="Croco Black Friday 2024 banner element" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20140%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/images/bf-2024-banner-decor-element.webp"/></div><div class="text-center pt-20"><div class="bf-2024-banner-title-block">Copy discount code:</div><div class="bf-2024-banner-clipboard" id="clipboard" data-clipboard-action="copy" data-clipboard-text="bfcroco2024"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3333 0.833313H3.33329C2.41663 0.833313 1.66663 1.58331 1.66663 2.49998V14.1666H3.33329V2.49998H13.3333V0.833313ZM15.8333 4.16665H6.66663C5.74996 4.16665 4.99996 4.91665 4.99996 5.83331V17.5C4.99996 18.4166 5.74996 19.1666 6.66663 19.1666H15.8333C16.75 19.1666 17.5 18.4166 17.5 17.5V5.83331C17.5 4.91665 16.75 4.16665 15.8333 4.16665ZM15.8333 17.5H6.66663V5.83331H15.8333V17.5Z" fill="white"/> </svg> <svg class="icon icon-copied" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.49989 13.4748L4.02489 9.99984L2.84155 11.1748L7.49989 15.8332L17.4999 5.8332L16.3249 4.6582L7.49989 13.4748Z" fill="white"/> </svg> <span class="text ml-4">bfcroco2024</span></div></div></div><div class="media-wrapper center-column text-size-null"> <noscript><img class="banner-image" width="760" height="100" alt="Croco Black Friday 2024 banner image" src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/images/bf-2024-banner-image.webp"/></noscript><img class="lazyload banner-image" width="760" height="100" alt="Croco Black Friday 2024 banner image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/images/bf-2024-banner-image.webp"/><video class="banner-video" width="760" height="100" autoplay loop muted style="display: none;"> <source src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/video/bf-2024-banner-video.mp4" type="video/mp4"></video></div><div class="right-column pl-16 text-right d-none d-xl-block"><div class="bf-2024-banner-timer pt-24" data-end-time="December 04, 2024 00:00 GMT+0200"><div class="d-flex gap-8"><div><div class="days data"><div class="bf-2024-banner-timer-spinner"></div></div><div class="period">Days</div></div><div><div class="hours data"><div class="bf-2024-banner-timer-spinner"></div></div><div class="period">Hours</div></div><div><div class="minutes data"><div class="bf-2024-banner-timer-spinner"></div></div><div class="period">Minutes</div></div></div></div><div class="decor-element element-02 text-size-null"> <noscript><img width="140" height="100" alt="Croco Black Friday 2024 banner element" src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/images/bf-2024-banner-decor-element-02.webp"/></noscript><img class="lazyload" width="140" height="100" alt="Croco Black Friday 2024 banner element" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20140%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/plugins/bf-2024-banner/assets/images/bf-2024-banner-decor-element-02.webp"/></div></div></div></div></div><header id="masthead" class="site-header site-header-desktop" 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="176" height="24" src="https://crocoblock.com/wp-content/uploads/2021/03/green-crocoblock-logo.svg" class="custom-logo" alt="Crocoblock" decoding="async" itemprop="logo" /></noscript><img width="176" height="24" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20176%2024%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/03/green-crocoblock-logo.svg" class="lazyload custom-logo" alt="Crocoblock" decoding="async" 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><div id="content" class="site-content"><div data-elementor-type="wp-page" data-elementor-id="29383" class="elementor elementor-29383"><div class="elementor-inner"><div class="elementor-section-wrap"><section class="elementor-section elementor-top-section elementor-element elementor-element-b9d8397 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="b9d8397" data-element_type="section"><div class="elementor-container elementor-column-gap-no"><div class="elementor-row"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ccbae13" data-id="ccbae13" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-0c809af crocoblock_alternatives elementor-widget elementor-widget-html" data-id="0c809af" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><section class="py-80 text-center"><div class="container"><h1 class="mb-32">Compare Best <br><span class="text-primary">Grids & Layouts</span> Plugins</h1><div class="nav"><span class="nav-text">Grids & Layouts</span><div class="nav-list"><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-tables-charts-plugins/">Tables & Charts Builders</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-dynamic-set/">Dynamic content</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-advanced-filters/">Advanced filters</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-booking-plugins/">Booking functionality</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-appointment-plugins/">Appointment functionality</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-mega-menu-plugins/">Mega menu</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-multivendor-directory-plugins/">Multivendor Marketplace</a></div><div class="nav-list-last-item"></div></div></div></div></section><section class="bg-50"><div id="panel-anchor"></div><div class="panel context-dark sticky"><div class="bg-800"><div class="container"><table class="table-panel table-panel-top table-6-column"><tbody><tr><th class="pl-0"><div class="nav nav-sm nav-sticky ml-0"><span class="nav-text">Grids & Layouts</span><div class="nav-list"><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-tables-charts-plugins/">Tables & Charts Builders</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-dynamic-set/">Dynamic content</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-advanced-filters/">Advanced filters</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-booking-plugins/">Booking functionality</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-appointment-plugins/">Appointment functionality</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-mega-menu-plugins/">Mega menu</a></div><div class="nav-list-item"><a class="nav-list-link" href="https://crocoblock.com/feature-comparison-multivendor-directory-plugins/">Multivendor Marketplace</a></div><div class="nav-list-last-item"></div></div></div></th><td><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2021/05/logo-croco.svg" alt="croco logo" /></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/2021/05/logo-croco.svg" alt="croco logo" /><div class="small text-white" style="line-height: 1.2"> JetEngine + JetBlog<br> + JetGridBuilder</div></td><td><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2020/12/logo-gridbuilder.svg" alt="gridbuilder logo" /></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/2020/12/logo-gridbuilder.svg" alt="gridbuilder logo" /></td><td><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2020/12/logo-essential-grid.svg" alt="essential grid logo" /></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/2020/12/logo-essential-grid.svg" alt="essential grid logo" /></td><td><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2020/12/logo-unlimited-elements.svg" alt="unlimited elements logo" /></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/2020/12/logo-unlimited-elements.svg" alt="unlimited elements logo" /></td><td><noscript><img decoding="async" src="https://crocoblock.com/wp-content/uploads/2020/12/logo-post-grid-pro.svg" alt="post grid pro logo" /></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/2020/12/logo-post-grid-pro.svg" alt="post grid pro logo" /></td></tr></tbody></table></div></div><div class="bg-black b-day-croco-on"><div class="container"><table class="table-panel table-panel-bottom table-6-column"><tbody><tr><th class="table-bf"><div class="d-flex align-items-center text-size-null"> <noscript><img decoding="async" width="260" height="40" src="https://crocoblock.com/wp-content/uploads/2024/11/bf-tables-image.webp" alt="bf tables image"></noscript><img class="lazyload" decoding="async" width="260" height="40" 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/2024/11/bf-tables-image.webp" alt="bf tables image"></div></th><td><div><a href="#" class="csc-plugin__add-to-cart btn btn-custom btn-sm btn btn-custom btn-sm btn-jetelements btn-round jet-popup-cursor-pointer" data-plugin="jetblog,jetengine" data-redirect="1">Get from  <del>$66</del>  $40</a></div></td><td>$49 - $249</td><td>$34 - $279</td><td>$39 - $149</td><td>$21 - $99</td></tr></tbody></table></div></div><div class="bg-700 b-day-croco-off"><div class="container"><table class="table-panel table-panel-bottom table-6-column"><tbody><tr><th class="table-bf"><div class=""><div class="d-flex align-items-center text-size-null"></div></div></th><td><div class=""><a href="#" class="csc-plugin__add-to-cart btn btn-custom btn-sm btn btn-custom btn-sm" data-plugin="jetblog,jetengine" data-redirect="1">Get from $66</a></div></td><td>$49 - $249</td><td>$34 - $279</td><td>$39 - $149</td><td>$21 - $99</td></tr></tbody></table></div></div></div><div class="py-80"><div class="container"><div class="table-box"><div class="collapse"><div class="collapse-header"><div class="collapse-text">What you can build</div> <button class="collapse-btn" data-collapse-target="collapse1" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse1"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Portfolio Gallery</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Organize projects, products, photos, and images into a grid gallery.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Blogging Website</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Build grids of categories, related articles, and latest posts.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Product Gallery</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Showcase the products from your shop.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Event / Ticket Website</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Grab the info about events and display it in a concise grid.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Video Playlists & Galleries</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Gather the preferred videos into one media gallery.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td></tr></tbody></table></div></div><div class="collapse"><div class="collapse-header"><div class="collapse-text"><div class="tooltip"><div class="tooltip-link">Types of layouts</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Adjustable rows, columns, and spacing</div></div></div></div> <button class="collapse-btn" data-collapse-target="collapse2" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse2"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Grid</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/04/layout-grid-147x100-1.svg" alt="grid layout example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/04/layout-grid-147x100-1.svg" alt="grid layout example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Masonry Grid</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/04/layout-masonry-147x100-1.svg" alt="masonry layout example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/04/layout-masonry-147x100-1.svg" alt="masonry layout example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Slider</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/04/layout-slider-147x100-1.svg" alt="slider layout example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/04/layout-slider-147x100-1.svg" alt="slider layout example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Post, Image & Video Carousel</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/04/layout-carousel-147x100-1.svg" alt="carousel layout example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/04/layout-carousel-147x100-1.svg" alt="carousel layout example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Post List</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/04/layout-list-147x100-1.svg" alt="list layout example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/04/layout-list-147x100-1.svg" alt="list layout example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Post Tile</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/06/layout-post-tile.svg" alt="post tile layout" /></noscript><img decoding="async" class="lazyload tooltip-image" 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/2021/06/layout-post-tile.svg" alt="post tile layout" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Listing Injection</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/04/layout-listing-injection-147x100-1.svg" alt="listing injection layout example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2021/04/layout-listing-injection-147x100-1.svg" alt="listing injection layout example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Map Listing</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/06/layout-map-listing.svg" alt="map listing layout example" /></noscript><img decoding="async" class="lazyload tooltip-image" 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/2021/06/layout-map-listing.svg" alt="map listing layout example" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Event Calendar Listing</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2021/06/layout-calendar-listing.svg" alt="calendar listing layout example" /></noscript><img decoding="async" class="lazyload tooltip-image" 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/2021/06/layout-calendar-listing.svg" alt="calendar listing layout example" /></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Custom grid</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Create a personalized grid with no limits using Custom Grid functionality.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td></tr></tbody></table></div></div><div class="collapse"><div class="collapse-header"><div class="collapse-text">Custom grid functionality</div> <button class="collapse-btn" data-collapse-target="collapse3" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse3"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Define the number of columns for grid</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Define the number of columns of the backing grid to make it wider and add more post cards.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Resize each card</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Pull the card by its corner and resize it freely.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Move a card along the grid</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Move the card along the backing grid easily.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Set the gap between cards</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Set the number to make the space between the cards wider or narrower, or to remove it at all.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Align posts to the top automatically</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">When this toggle is not enabled, you can place the post tiles anywhere on the grid. And if you turn it on, the posts will be automatically aligned to the top.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Customizable Loading Spinner</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Apply the spinner to define the loadable content and change its appearance.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr></tbody></table><p class="py-16 pr-16 pl-36"> JetGridBuilder includes all custom grid functionality. <a class="link link-custom" href="https://downloads.wordpress.org/plugin/jetgridbuilder.zip">Click here</a> to download free</p></div></div><table class="table table-base table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Pre-made layouts</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Apply one of the pre-designed layouts to organize the cards into a clear-cut grid.</div></div></div></th><td class="text-size-null"><div class="tooltip"><div class="icon icon-custom icon-jetpopup"> <svg class="icon-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="black"></path> </svg></div><div class="tooltip-content text-nowrap" style="width: auto"><div class="tooltip-text">only 9 layouts for JetBlog Post Tiles</div></div></div></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr></tbody></table><div class="collapse"><div class="collapse-header"><div class="collapse-text">Card styling</div> <button class="collapse-btn" data-collapse-target="collapse4" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse4"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Define the card size</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Adjustable height and width.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Add elements to the card</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Add various elements to the card like title, description, image, button, link, tag, etc.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Display dynamic elements</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Pull out any user data, data from the custom post types, meta fields, taxonomies, and display it dynamically on the frontend.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Reorder the elements</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Reorder the elements on one card freely.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Add hover effect</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Roll the cursor over a tile to see the overlay content.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr></tbody></table></div></div><div class="collapse"><div class="collapse-header"><div class="collapse-text">Navigation options</div> <button class="collapse-btn" data-collapse-target="collapse5" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse5"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Load More</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2020/12/option-load-more-294x200-1.jpg" alt="load more option example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2020/12/option-load-more-294x200-1.jpg" alt="load more option example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Pagination</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2020/12/option-pagination-294x200-1.jpg" alt="pagination option example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2020/12/option-pagination-294x200-1.jpg" alt="pagination option example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Navigation Arrows</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2020/12/option-nav-arrows-294x200-1.jpg" alt="navigation arrows example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2020/12/option-nav-arrows-294x200-1.jpg" alt="navigation arrows example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Dots</div><div class="tooltip-content tooltip-content-no-gap" style="width: auto"><noscript><img decoding="async" class="tooltip-image" src="https://crocoblock.com/wp-content/uploads/2020/12/option-dots-294x200-1.jpg" alt="dots navigation example" width="147" height="100" /></noscript><img decoding="async" class="lazyload tooltip-image" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147%20100%22%3E%3C/svg%3E' data-src="https://crocoblock.com/wp-content/uploads/2020/12/option-dots-294x200-1.jpg" alt="dots navigation example" width="147" height="100" /></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td></tr></tbody></table></div></div><div class="collapse"><div class="collapse-header"><div class="collapse-text">Content sources</div> <button class="collapse-btn" data-collapse-target="collapse6" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse6"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Custom Posts</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Showcase the post types in the form of a grid according to your vision.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Taxonomy</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Display the available taxonomy items as a grid, respecting their hierarchical relations.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Terms / Categories</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Show the array of created categories in the form of a list.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Users</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Present the existing user profiles as a clear-cut listing.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Pages</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Arrange the pages in the form of a grid.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Product</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Organize the grid of created product cards.</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr></tbody></table></div></div><table class="table table-base table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Data Stores</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">A personal data repository for every end-user. Store any post collections such as wishlists, favorites, likes.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr></tbody></table><div class="collapse"><div class="collapse-header"><div class="collapse-text">Compatibility</div> <button class="collapse-btn" data-collapse-target="collapse7" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse7"><table class="table table-child table-6-column"><tbody><tr><th>WooCommerce</th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th>ACF</th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th>PODS</th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th>Meta Box</th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th>Toolset</th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th>WPML Multilingual plugin</th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-check"></td></tr><tr><th>Yoast Seo plugin</th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th>Math Rank Seo plugin</th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr></tbody></table></div></div><div class="collapse"><div class="collapse-header"><div class="collapse-text">More Features inside JetEngine Plugin</div> <button class="collapse-btn" data-collapse-target="collapse8" data-toggle-text="Show">Hide </button></div><div class="collapse-content" id="collapse8"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Custom Post Types (CPT)</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Create custom content types like posts and pages. Use them to structure the website content and make it visually perceptible.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Custom Content Types (CCT)</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Create the database tables storing CCT metadata. Query and export data faster to save server resources.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Custom Fields</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Expand the custom post types. Add as many meta fields as you need for the CPTs to look informative and neat.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Custom Taxonomies</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Categorize the custom post types according to any classification criteria.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Options Page</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Create and manage any global website data in one place like company address, or phone number.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Post Relations</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Interrelate different custom post types by choosing the relevant type of relations.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Content Visibility</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Dynamic Visibility, Conditional Logic, Dynamic Function, Dynamic Tag, Macros and Queries</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Profile Builder / Membership</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Account Pages, Registration & Login Form, Profile Page, Restrict Admin Area Access, Front-End Post Submission, Post Publishing Rules by Roles, Permalinks Structure, Sample Profile Pages</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Rest API</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Rest API Endpoint Management for CCT, Rest API Listings, Rest API Notifications/Actions for Forms</div></div></div></th><td class="icon-check"></td><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Glossaries</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Ability to create a set of Meta data and use it as a source for options in any CPT, form and filter.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Query Builder</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Set complex queries on the backend and apply them to posts, users, terms, comments, SQL tables, REST API.Set complex queries on the backend and apply them to posts, users, terms, comments, SQL tables, REST API.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Tables Builder</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Display posts, products, users, comments, terms CCT and REST API data in a dynamic tables.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-check"></td></tr><tr><th><div class="tooltip"><div class="tooltip-link">Charts Builder</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Add dynamic charts to your site with all the neccessary numeric data from posts, products, users, comments, CCT.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr></tbody></table></div></div><div class="collapse"><div class="collapse-header"><div class="collapse-text">More Features inside JetBlog Plugin</div></div><div class="collapse-content"><table class="table table-child table-6-column"><tbody><tr><th><div class="tooltip"><div class="tooltip-link">Text Ticker</div><div class="tooltip-content" style="width: 230px"><div class="tooltip-text">Display the recent post titles with continuous animation to make it look like a news ticker.</div></div></div></th><td class="icon-check"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td><td class="icon-close"></td></tr></tbody></table></div></div></div></div></div></section><section class="py-20"><div class="container"><div class="small text-400">Updated 01/09/2021</div></div></section></div></div></div></div></div></div></div></section></div></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/feature-comparison-grid-layout-plugins/?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/feature-comparison-grid-layout-plugins/"> <input type="hidden" class="jet-form-builder__field hidden-field" name="__queried_post_id" data-field-name="__queried_post_id" value="29383"><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>var CTrackingPlugins = {"jetelements":{"name":"JetElements","id":"19682","price":"43","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetengine":{"name":"JetEngine","id":"19804","price":"43","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetblog":{"name":"JetBlog","id":"19801","price":"23","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetsearch":{"name":"JetSearch","id":"36274","price":"23","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetcomparewishlist":{"name":"JetCompareWishlist","id":"43098","price":"15","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetproductgallery":{"name":"JetProductGallery","id":"32238","price":"23","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetpopup":{"name":"JetPopup","id":"19812","price":"22","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetsmartfilters":{"name":"JetSmartFilters","id":"21000","price":"43","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetwoobuilder":{"name":"JetWooBuilder","id":"19806","price":"43","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetmenu":{"name":"JetMenu","id":"19684","price":"43","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jettabs":{"name":"JetTabs","id":"19686","price":"23","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetreviews":{"name":"JetReviews","id":"32231","price":"22","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jettricks":{"name":"JetTricks","id":"19808","price":"23","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetblocks":{"name":"JetBlocks","id":"19810","price":"19","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetbooking":{"name":"JetBooking","id":"267482","price":"19","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetstylemanager":{"name":"JetStyleManager","id":null,"price":null,"brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetthemecore":{"name":"JetThemeCore","id":"1013293","price":"23","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetappointment":{"name":"JetAppointment","id":"267483","price":"19","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetformbuilder":{"name":"JetFormBuilder","id":null,"price":null,"brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetgridbuilder":{"name":"JetGridBuilder","id":null,"price":null,"brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"},"jetproducttables":{"name":"JetProductTables","id":"2159777","price":"43","brand":"Crocoblock","category":"Plugins","quantity":1,"variant":"Single"}}</script><script>jQuery(function() { "use strict"; var $doc = jQuery( document ), isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); function getCookieData( name ) { let pairs = document.cookie.split("; "), count = pairs.length, parts; while ( count-- ) { parts = pairs[count].split("="); if ( parts[0] === name ) return parts[1]; } return false; } $doc.ready(function() { let plugins = getCookieData("csc_cart"), $plugin = jQuery('.csc-plugin').attr('data-plugin'), $visible = jQuery('.csc-plugin .visible-state'), $hidden = jQuery('.csc-plugin .hidden-state'); if ( plugins && plugins.includes( $plugin ) ) { $visible.addClass( 'd-inline-flex' ); $hidden.addClass( 'd-none' ); } }); $doc.on( 'click', '.subscription-trigger', function( event ) { event.preventDefault(); var $subscription = jQuery('.subscription-section'), $close = jQuery('.subscription-section .close'), $body = jQuery('body'); $body.addClass( 'overflow-hidden' ); $subscription.addClass( 'd-flex flex-column justify-content-center fixed-top h-100 show' ); $close.addClass( 'd-block' ); if ( isMobile ) { $subscription.addClass( 'overflow-auto pt-196' ); } } ); $doc.on( 'mouseup', function( event ) { event.preventDefault(); var $container = jQuery('.croco-pricing-widget'), $subscription = jQuery('.subscription-section'), $close = jQuery('.subscription-section .close'), $body = jQuery('body'); if ( event.which == 1 && $container.has( event.target ).length === 0 ) { $body.removeClass( 'overflow-hidden' ); $subscription.removeClass( 'd-flex flex-column justify-content-center fixed-top h-100 show' ); $close.removeClass( 'd-block' ); } if ( isMobile ) { $subscription.removeClass( 'overflow-auto pt-196' ); } } ); $doc.on( 'click', '.cs-plugin__add-to-cart', function( event ) { event.preventDefault(); var $button = jQuery( this ), $body = jQuery('body'); $body.addClass( 'csc-loading' ); trackPluginEvent( $button.data( 'plugin' ), 'add' ); let btnClass = $button.data( 'btn-class' ); jQuery.ajax( { type: 'POST', dataType: 'json', data: { csc_action: 'add', plugin: $button.data( 'plugin' ), btnClass: btnClass ? btnClass : null, context: 'cart_plugin', } } ).done( function( response ) { if ( response.success ) { $body.removeClass( 'csc-loading' ); setTimeout(function(){ $body.addClass( 'in-cart' ); }, 750); for ( var selector in response.data.fragments ) { var $el = jQuery( selector ); if ( $el.length ) { $el.html( response.data.fragments[ selector ] ); } } } } ); } ); $doc.on( 'click', '.csc-plugin__add-to-cart', function( event ) { event.preventDefault(); var $button = jQuery( this ), $body = jQuery('body'); $body.addClass( 'csc-loading' ); const plugins = $button.data( 'plugin' ).split( ',' ); for ( var i = 0; i < plugins.length; i++ ) { trackPluginEvent( plugins[ i ], 'add' ); } if ( $button.data( 'redirect' ) ) { $button.attr( 'disabled', 'disabled' ); } jQuery.ajax( { type: 'POST', dataType: 'json', data: { csc_action: 'add', plugin: $button.data( 'plugin' ), context: 'cart_plugin', } } ).done( function( response ) { if ( response.success ) { $body.removeClass( 'csc-loading' ); if ( $button.data( 'redirect' ) ) { window.location = response.data.url; return; } for ( var selector in response.data.fragments ) { var $el = jQuery( selector ); if ( $el.length ) { $el.html( response.data.fragments[ selector ] ); } } } else { $button.removeAttr( 'disabled' ); } } ); } ); $doc.on( 'click', '.csc-plugin__remove', function() { var $button = jQuery( this ), $body = jQuery( 'body' ); $body.addClass( 'csc-loading' ); trackPluginEvent( $button.data( 'plugin' ), 'remove' ); jQuery.ajax( { type: 'POST', dataType: 'json', data: { csc_action: 'remove', plugin: $button.data( 'plugin' ), fragment: { selector: '.csc-plugin[data-plugin="' + $button.data( 'plugin' ) + '"]', cb: 'render_cart_plugin', }, } } ).done( function( response ) { $body.removeClass( 'csc-loading' ); if ( response.success ) { var $container = $button.closest( '.csc-cart-plugin' ); $container.remove(); for ( var selector in response.data.fragments ) { var $el = jQuery( selector ); // console.log( $el ); if ( $el.length ) { $el.html( response.data.fragments[ selector ] ); } } } } ); } ); });</script><script>function getCartCookieData( name ) { let pairs = document.cookie.split("; "), count = pairs.length, parts; while ( count-- ) { parts = pairs[count].split("="); if ( parts[0] === name ) return parts[1]; } return false; } function trackPluginEvent( plugin, eventType ) { eventType = eventType || 'add'; let eventAction; const pluginData = window.CTrackingPlugins[ plugin ] || false; const variant = getCartCookieData( 'csc_license' ) || false; if ( ! pluginData ) { return; } if ( 'add' === eventType ) { eventAction = eventType + '_to_cart'; } else { eventAction = eventType + '_from_cart'; } if ( variant ) { pluginData.variant = variant; } window.dataLayer = window.dataLayer || []; /* pre GA4 tracking window.dataLayer.push({ 'event': eventAction, 'ecommerce': { [ eventType ]: { 'products': [ pluginData ] } } }); */ /** * GA4 tracking data */ window.dataLayer.push({ event: eventAction, ecommerce: { items: [{ item_id: pluginData.id, item_name: pluginData.name, affiliation: "Croco", item_brand: "initial", item_category: pluginData.category, item_variant: pluginData.variant, price: pluginData.price, quantity: pluginData.quantity }] } }); // console.log( window.dataLayer ); }</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-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' 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' 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_095683766c4f1002170789bd6f654b12.js?ver=1.0.0' id='cbf-script-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( "f1a6807310" ); 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\/feature-comparison-grid-layout-plugins\/?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":29383,"title":"GridbuilderWP%20vs.%20Essential%20Grid%20vs.%20Unlimited%20Elements%20vs.%20Post%20Grid%20Pro%20vs.%20Crocoblock%3A%20Feature%20Comparison","excerpt":"","featuredImage":false}};</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"}; /* ]]> */</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"}; /* ]]> */</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>