{"id":32606,"date":"2022-12-23T13:10:56","date_gmt":"2022-12-23T13:10:56","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=32606"},"modified":"2026-04-07T12:59:52","modified_gmt":"2026-04-07T12:59:52","slug":"listing-grid-widget-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/","title":{"rendered":"Listing Grid"},"content":{"rendered":"\n<p><strong>Listing Grid<\/strong> is a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a> plugin widget intended to display dynamic data from <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Meta Fields<\/strong><\/a> of<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>Custom Post Types (CPT)<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-content-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Content Types (CCT)<\/strong><\/a>, default WordPress pages and posts, terms, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\"><strong>taxonomy<\/strong><\/a>, or <a href=\"https:\/\/crocoblock.com\/blog\/wordpress-user-roles-permissions-explained\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress User<\/strong><\/a> data. Additionally, if additional plugins are installed and activated, this widget can be used to display <em>WooCommerce<\/em> products, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/plugins\/jetappointment\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetAppointment<\/em><\/a> service and provider data, and more in the listing form.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inserting-the-listing-grid-widget\"><strong>Inserting the Listing Grid Widget<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The widget can be inserted as an Elementor widget by searching for it in the search bar and dragging and dropping it where needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-1024x640.webp\" alt=\"inserting the listing grid widget\" class=\"wp-image-48929\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Like any widget for Elementor, the widget has three setting tabs: <strong>Content<\/strong>, <strong>Style<\/strong>, and <strong>Advanced<\/strong>. The <strong>General<\/strong> settings of the <strong>Content<\/strong> tab are unrolled by default.&nbsp;&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"general-settings\"><strong>General Settings<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The<strong> General<\/strong> settings are presented by the following fields:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget-1024x640.webp\" alt=\"general settings of the listing grid widget\" class=\"wp-image-48930\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/general-settings-of-the-listing-grid-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Listing<\/strong> \u2014 a drop-down menu where the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-what-is-a-listing-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">listing template<\/a> can be selected, the one that was previously created in the WordPress Dashboard;<\/li>\n\n\n\n<li><strong>Wrapper Tags <\/strong>\u2014 is intended for more semantic HTML markup in listings and has three options: &#8220;Default (DIV&gt;DIV),&#8221; &#8220;OL&gt;LI,&#8221; &#8220;UL&lt;LI&#8221;. These options allow implementation compatibility with third-party plugins (e.g., the <em>CartFlows Variation Swatches<\/em> plugin). More details on using the <strong>Wrapping tags<\/strong> options in listings can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-use-cartflows-variations-swatches-inside-jetengine-listing\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Use CartFlows Variations Swatches Inside Listing<\/strong><\/a> tutorial.<\/li>\n\n\n\n<li><strong>Columns Number<\/strong> \u2014 allows setting the number of columns displayed in the <strong>Listing<\/strong>. It ranges from &#8220;1&#8221; to &#8220;10&#8221; options, and there is also one called &#8220;Auto.&#8221; If the &#8220;Auto&#8221; option is picked, the<strong> Column Min Width<\/strong> setting is shown. It is not the exact width of the column; the option sets a minimum needed value for the column width. The actual width will slightly exceed the minimum value, and that width will be required to fill up the selected container with columns.<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">This option is incompatible with the <strong>Masonry Grid<\/strong> layout because it needs a fixed width and a fixed number of columns. Therefore, the <strong>Is masonry grid<\/strong> toggle is hidden if the number of columns is set to \"Auto.\"<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Use as Archive Template<\/strong> \u2014 a toggle to use the page where the grid is placed as an archive template. In this case, the number of posts will be taken from the Blog pages shown in most fields that can be found in <strong><em>WordPress Dashboard &gt; Settings &gt; Reading<\/em><\/strong> window;\n<ul>\n<li><strong>Status<\/strong> \u2014 a field that allows selecting the needed status of posts to be displayed in the <strong>Listing Grid<\/strong>:<\/li>\n\n\n\n<li><strong>Publish<\/strong> \u2014 shows the published posts only;<\/li>\n\n\n\n<li><strong>Future<\/strong> \u2014 shows the posts scheduled to be published at a later time;<\/li>\n\n\n\n<li><strong>Draft<\/strong> \u2014 shows the drafts;<\/li>\n\n\n\n<li><strong>Pending Review<\/strong> \u2014 shows the posts that need some revision;<\/li>\n\n\n\n<li><strong>Private<\/strong> \u2014 shows the posts that are visible only to the admin;<\/li>\n\n\n\n<li><strong>Inherent<\/strong> \u2014 shows the status of child posts similar to the parent\u2019s one.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Use Random posts number<\/strong> \u2014 a toggle that can be enabled to show a random number of posts each time the user reloads the page. After switching it on, the minimum number of posts can be set in the <strong>Posts number<\/strong> bar, and the maximum number of posts in the <strong>Max Random Posts number<\/strong> bar;<\/li>\n\n\n\n<li><strong>Not Found Message<\/strong> \u2014 specifies what text will appear when the data is not found;<\/li>\n\n\n\n<li><strong>Lazy load<\/strong> \u2014 improves page rendering performance by loading the grid content only as the user scrolls, rather than on initial page load. If enabled, the <strong>Lazy load offset<\/strong> switcher sets the corresponding offset in px;<\/li>\n\n\n\n<li><strong>Is masonry grid<\/strong> \u2014 a toggle to present the <strong>Listing<\/strong> in the form of a masonry grid;<\/li>\n\n\n\n<li><strong>Equal columns height <\/strong>\u2014 unifies all the columns by their height;<\/li>\n\n\n\n<li><strong>Load More<\/strong> <strong>&nbsp;<\/strong>\u2014 a toggle that, if enabled, allows perfect organization of the listing and saving page space in case there are a lot of posts to show. In this case, the defined number of posts, along with additional ones, will be shown upon the user\u2019s demand. Additionally, an<strong> Infinite Scroll <\/strong>functionality can be used on the page, which means new posts in the grid will be loaded as the user scrolls through the page. If enabled, the toggle activates the following settings:&nbsp;<\/li>\n\n\n\n<li><strong>Load more type<\/strong> \u2014 a drop-down list where the &#8220;Load More&#8221; behavior should be picked. Additional items can be loaded on click or via an infinite scroll;<\/li>\n\n\n\n<li><strong>Load more element ID<\/strong> \u2014 a field for the ID of the button that will be attached to the listing. It should be a separate widget added to the page with the specified ID in its settings. Then this ID should be pasted in this field;<\/li>\n\n\n\n<li><strong>Loader text <\/strong>\u2014 a text field for inserting the text that will be displayed when items are loading;<\/li>\n\n\n\n<li><strong>Loader spinner <\/strong>\u2014 a toggle that enables a loader spinner when posts are loading.<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">If the <strong>Lazy Load<\/strong> feature is enabled and the <strong>Loader text <\/strong>or <strong>Loader spinner<\/strong> is not specified, a translucency effect will be applied while scrolling and downloading new items. However, if at least one of these features is enabled, there will be no translucency.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Use Custom Post Types<\/strong> \u2014 a toggle that, if enabled, allows selecting two or more <strong>CPTs<\/strong> to display via the <strong>Listing Grid<\/strong>. In this case, the toggle should be enabled and the needed <strong>Post Types<\/strong> should be specified in the corresponding drop-down list. The explanation of how to configure the necessary settings to display certain <strong>CPT<\/strong>s is presented in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/#inject-alternative-listing-items-field\" target=\"_blank\" rel=\"noreferrer noopener\">Listing Grid Widget Overview<\/a> tutorial.<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">To display the meta fields of different <strong>CPT<\/strong>s in the <strong>Listing<\/strong>, their names have to be the same. The best solution will be to create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-boxes-overview\/\" target=\"_blank\" rel=\"noopener\"><strong>MetaBox<\/strong><\/a> and assign it to both <strong>CPT<\/strong>s.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Inject alternative listing items <\/strong>\u2014 a toggle that allows inserting other listing items. The feature is available if the <strong>Listing grid injection<\/strong> module of the <em>JetEngine<\/em> plugin is activated. To customize the new item, click the <strong>&#8220;Add Item<\/strong>&#8221; button to display settings related to the new listing. Simply put, if there are <strong>Listings<\/strong> that are customized differently, it is possible to use them in the same listing grid. More about this function can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-the-alternative-listing-template-functionality-in-listing-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Use Alternative Listing Template Injections in Listing Grid Widget<\/strong><\/a> tutorial.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled-1024x640.webp\" alt=\"inject alternative listing items toggle enabled\" class=\"wp-image-48933\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/inject-alternative-listing-items-toggle-enabled.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-query\"><strong>Custom Query<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>This section allows using a query built with the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Query Builder<\/a> functionality. The setting is presented by the <strong>Use custom query<\/strong> toggle, which, if enabled, activates the<strong> Custom Query<\/strong> drop-down list to select the needed query.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings-1024x640.webp\" alt=\"custom query settings\" class=\"wp-image-48935\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/custom-query-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The following tabs (<strong>Posts Query<\/strong>, <strong>Terms Query<\/strong>, Users Query) concerning query settings are legacy. Using the <strong>Query Builder<\/strong> functionality and <strong>Custom Query<\/strong> tab, respectively, is recommended.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"posts-query-legacy\"><strong>Posts Query (Legacy)<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><strong>Posts Query<\/strong> is meant to include or exclude some posts in the listing by post IDs and other advanced parameters. Once unrolled, the following settings are available in this tab: <strong>Set advanced query parameters<\/strong>,<strong> Add Item<\/strong>, <strong>Meta query relation<\/strong>, and <strong>Tax query relation<\/strong>.<\/p>\n\n\n\n<p>More information can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-listing-grid-posts-query-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Posts Query<\/a> tutorial.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs-1024x640.webp\" alt=\"posts legacy query tabs\" class=\"wp-image-48945\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/legacy-query-tabs.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"terms-query-legacy\"><strong>Terms Query (Legacy)<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Term Query <\/strong>can be used to specify the shown terms and not just display all the terms connected to a certain taxonomy. The following settings are available: <strong>Get terms of posts, <\/strong>&nbsp;<strong>Order By, Order, Include terms,<\/strong> <strong>Exclude terms<\/strong>,<strong> <\/strong><strong>Offset<\/strong>,<strong> Parent<\/strong>,<strong> Child of<\/strong>,<strong> Meta Query<\/strong>, etc.<\/p>\n\n\n\n<p>More details are presented in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/listing-grid-terms-query-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid Terms Query Overview<\/strong><\/a> tutorial.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings-1024x640.webp\" alt=\"terms query settings\" class=\"wp-image-48943\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/terms-query-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"users-query-legacy\"><strong>Users Query (Legacy)<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>As for these settings, if there are some lists of the website users, such as Authors, Admins, Editors, etc., that help to maintain it, the <strong>Users Listing Grid<\/strong> can be created and advanced parameters set to display it, for example, by <strong>Roles<\/strong>, <strong>Exclude<\/strong> or Include some of them by <strong>Users ID<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings-1024x640.webp\" alt=\"users query settings\" class=\"wp-image-48942\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/users-query-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>More details can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/listing-grid-users-query-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use Users Query Settings in Listing Grid <\/a>tutorial.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"appointments-query\"><strong>Appointments Query<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>This tab is available if the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetAppointment<\/em><\/a> plugin is installed and activated:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings-1024x640.webp\" alt=\"appointments query settings\" class=\"wp-image-48941\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/appointments-query-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>User <\/strong>\u2014 a drop-down list that allows specifying who the widget will display items: &#8220;All,&#8221; &#8220;Current Use,&#8221; &#8220;Specified User ID,&#8221; &#8220;Querified User;&#8221;<\/li>\n\n\n\n<li><strong>Status<\/strong> \u2014 a field that allows setting the needed status of the appointment, e.g., &#8220;Pending payment&#8221;, &#8220;On hold, &#8220;Any status,&#8221; &#8220;Completed,&#8221; and more;&nbsp;<\/li>\n\n\n\n<li><strong>Date<\/strong> \u2014 a field that allows specifying which appointments referring to a date should be displayed.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"widget-visibility\"><strong>Widget Visibility<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>With the <strong>Widget Visibility<\/strong> settings section, it is possible to set the widget always to be shown or hide it when the query is empty.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings-1024x640.webp\" alt=\"widget visibility settings\" class=\"wp-image-48940\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/widget-visibility-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"slider\"><strong>Slider<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>There are two settings here: the <strong>Enable Slider<\/strong> and <strong>Enable Scroll Slider<\/strong> toggles.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings-1024x640.webp\" alt=\"slider settings\" class=\"wp-image-48947\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/slider-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>If the first one is activated, the following options will be shown:<\/p>\n\n\n\n<ul>\n<li><strong>Slides to Scroll<\/strong> \u2014 a&nbsp; field to decide how many posts will be shifted to the side in one click;<\/li>\n\n\n\n<li><strong>Show Arrows Navigation<\/strong> \u2014 a toggle to be activated so the arrows will be displayed on each side of the slide, and choose the <strong>Arrow Icon<\/strong>;<\/li>\n\n\n\n<li><strong>Show Dots Navigation<\/strong> \u2014 a toggle to add the dots navigation to the bottom of the slider block;<\/li>\n\n\n\n<li><strong>Autoplay<\/strong> \u2014 a toggle to activate the <strong>Autoplay Speed<\/strong> field to set the slider speed if one does not want users to slide the listing manually;<\/li>\n\n\n\n<li><strong>Infinite Loop<\/strong> \u2014 a switcher to be enabled for slides to repeat from the first one after the last one is shown;<\/li>\n\n\n\n<li><strong>Center Mode<\/strong> \u2014 a toggle that makes items centered and other items pre-shown at sides;<\/li>\n\n\n\n<li><strong>Animation Speed<\/strong> \u2014 a field to specify the speed of the slider animation.<\/li>\n<\/ul>\n\n\n\n<p>The second switcher in this section, the <strong>Enable Scroll Slider switcting<\/strong>, is intended to add a horizontal scroll to the grid. On a mobile device, such a slider can be moved by just swiping it with fingers. That can sufficiently reduce the length of the page and improve the UI. If enabled, it activated:<\/p>\n\n\n\n<ul>\n<li><strong>Scroll Slider On<\/strong> \u2014 a drop-down list that allows setting the device on which the scroll slider will be enabled. That could be the desktop, tablet, or mobile;<\/li>\n\n\n\n<li><strong>Static column width<\/strong> \u2014 a field to set some static widths of the grid for different devices.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all about the <strong>Listing Grid<\/strong> available as part of the <em>JetEngin<\/em>e plugin functionality for your WordPress website.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Listing Grid is a JetEngine plugin widget that allows you to dynamically display custom post types and taxonomies from Meta fields and Terms. It helps post content like Products, Services, Projects, and much more in the listing form, which can be customized to any taste and vision.<\/p>\n","protected":false},"author":1,"template":"","format":"video","builder-category":[],"feature-category":[534],"article-category":[394],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Listing Grid Widget Overview \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"The Listing Grid widget settings are detailed to dynamically display CPTs, taxonomies, products, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listing Grid Widget Overview \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"The Listing Grid widget settings are detailed to dynamically display CPTs, taxonomies, products, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T12:59:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\",\"name\":\"Listing Grid Widget Overview \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-12-23T13:10:56+00:00\",\"dateModified\":\"2026-04-07T12:59:52+00:00\",\"description\":\"The Listing Grid widget settings are detailed to dynamically display CPTs, taxonomies, products, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Listing Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Listing Grid Widget Overview \u2014 JetEngine | Crocoblock","description":"The Listing Grid widget settings are detailed to dynamically display CPTs, taxonomies, products, and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/","og_locale":"en_US","og_type":"article","og_title":"Listing Grid Widget Overview \u2014 JetEngine | Crocoblock","og_description":"The Listing Grid widget settings are detailed to dynamically display CPTs, taxonomies, products, and more.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/","og_site_name":"Help Center","article_modified_time":"2026-04-07T12:59:52+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/inserting-the-listing-grid-widget-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/","name":"Listing Grid Widget Overview \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-12-23T13:10:56+00:00","dateModified":"2026-04-07T12:59:52+00:00","description":"The Listing Grid widget settings are detailed to dynamically display CPTs, taxonomies, products, and more.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Listing Grid"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/32606"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=32606"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=32606"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=32606"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=32606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}