{"id":49898,"date":"2025-10-22T13:25:37","date_gmt":"2025-10-22T13:25:37","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=49898"},"modified":"2025-10-23T09:03:18","modified_gmt":"2025-10-23T09:03:18","slug":"listing-blocks-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/","title":{"rendered":"Listing Blocks Overview"},"content":{"rendered":"\n<p>The <strong>Listing Field<\/strong>, <strong>Listing Image<\/strong>, <strong>Listing Link<\/strong>, and <strong>Listing Terms<\/strong> blocks for <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jsf-listing-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em> <strong>Listing<\/strong><\/a> enable the creation of a grid layout for items that will be filtered.<\/p>\n\n\n\n<p>In the <strong><em>WordPress Dashboard > Smart Filters > Listings > Item <\/em><\/strong>section, one can click the \u201c<strong>Create new item<\/strong>\u201d button. Here, the blocks can be added and customised.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks.webp\" alt=\"jetsmartfilters listing blocks\" class=\"wp-image-49899\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listing-field\">Listing Field<\/h2>\n\n\n\n<p>The <strong>Listing Field<\/strong> block outputs text or values from posts, terms, users, or options (e.g., titles, custom fields).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings.webp\" alt=\"listing field block settings\" class=\"wp-image-49900\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-field-block-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The <strong>General<\/strong> tab of the block contains such options:<\/p>\n\n\n\n<ul>\n<li><strong>SOURCE<\/strong> \u2014 this dropdown contains a list of available sources from where the data will be pulled out:\n<ul>\n<li><strong>Post\/Term\/User\/Object Data<\/strong> \u2014 content will be pulled from the default meta fields of the post, term, user, or object. The field can be specified in the <strong>POST OBJECT<\/strong> select;<\/li>\n\n\n\n<li><strong>Meta Data<\/strong> \u2014 this option retrieves content from one of the meta fields, which name can be specified in the <strong>META KEY <\/strong>field;<\/li>\n\n\n\n<li><strong>Option Value <\/strong>\u2014 retrieves data stored in the WordPress options table (wp_options). The option key (name) can be specified in the <strong>OPTION NAME<\/strong> field to fetch its corresponding value. This feature is useful for displaying global settings or data saved via plugins, themes, or custom options that are not tied to specific posts or users.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>FALLBACK <\/strong>\u2014 a text that will be shown if the field is empty.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Settings <\/strong>tab contains such options:<\/p>\n\n\n\n<ul>\n<li><strong>FIELD TAG <\/strong>\u2014 a dropdown that allows selecting HTML tags in which the field will be wrapped. \u201cDIV\u201d is a tag that is used to define containers, \u201cH1-H6\u201d turns the field into a headline, \u201cP\u201d defines the field as a paragraph, and \u201cSPAN\u201d marks it as an inline part of the document;<\/li>\n\n\n\n<li><strong>Filter Value Before Output <\/strong>\u2014 a toggle that activates the <strong>FILTER CALLBACK<\/strong> dropdown, which allows displaying different data types. The description of all options can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/#filter-field-output-overview\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Filter Field Output Overview<\/strong><\/a><strong> <\/strong>chapter;<\/li>\n\n\n\n<li><strong>Customize Output <\/strong>\u2014 a toggle that activates the <strong>CUSTOMIZE OUTPUT FORMAT <\/strong>textarea, which<strong> <\/strong>adds text before and after the value pulled from the meta field; \u2018%s\u2019 stands for the value that is pulled.<\/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\">Use \u2018%1$s\u2019 instead of \u2018%s\u2019 to insert the same value multiple times.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listing-image\">Listing Image<\/h2>\n\n\n\n<p>The <strong>Listing Image<\/strong> block displays dynamic images, such as thumbnails or avatars, with fallback and link options.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings.webp\" alt=\"listing image block settings\" class=\"wp-image-49901\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-image-block-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The <strong>General<\/strong> tab contains such options:<\/p>\n\n\n\n<ul>\n<li><strong>SOURCE <\/strong>\u2014 a dropdown that allows selecting the source of the image, i.e., the \u201cPost thumbnail,\u201d \u201cImage From Meta Field,\u201d and \u201cImage From Options\u201d. For the last two options, the field name should be specified in the <strong>META KEY<\/strong> or <strong>OPTION NAME<\/strong> field;<\/li>\n\n\n\n<li><strong>IMAGE URL PREFIX<\/strong> \u2014 a text field for the \u201cImage From Meta Field\u201d and \u201cImage From Options\u201d variants. Allows adding a prefix to the image URL if the meta field stores only part of it, such as a filename from an external server;<\/li>\n\n\n\n<li><strong>FALLBACK IMAGE<\/strong> \u4e00 allows adding an image to be shown if the meta field doesn\u2019t include data. The image can be uploaded or selected from the <strong>Media Library<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Settings <\/strong>tab contains such options:<\/p>\n\n\n\n<ul>\n<li><strong>IMAGE SIZE<\/strong> \u2014 a dropdown that allows selecting the required image size (i.e., \u201cFull,\u201d \u201cThumbnail,\u201d \u201cMedium,\u201d \u201cLarge,\u201d and more);<\/li>\n\n\n\n<li><strong>ALT TEXT <\/strong>\u2014 a field that allows setting an alternative text for an image.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Image Link<\/strong> tab includes such settings:<\/p>\n\n\n\n<ul>\n<li><strong>Linked Image<\/strong> \u2014 a toggle that makes the image clickable. It turns on the following dropdown:\n<ul>\n<li><strong>LINK SOURCE<\/strong> \u2014 selects a link applied to the image, i.e., \u201cPermalink,\u201d \u201cAttachment URL,\u201d \u201cURL From Meta Field,\u201d and \u201cURL From Options.\u201d<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listing-link\">Listing Link<\/h2>\n\n\n\n<p>The <strong>Listing Link<\/strong> block generates dynamic links (permalinks, meta URLs, or custom labels) with accessibility and SEO settings.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings.webp\" alt=\"listing link block settings\" class=\"wp-image-49902\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-link-block-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The <strong>General<\/strong> tab contains such options:<\/p>\n\n\n\n<ul>\n<li><strong>SOURCE <\/strong>\u2014 allows selecting where the link will be taken from, i.e., \u201cPermalink,\u201d \u201cAttachment URL,\u201d \u201cURL From Meta Field,\u201d and \u201cURL From Options\u201d;<\/li>\n\n\n\n<li><strong>FALLBACK <\/strong>\u2014 defines what will be displayed or used if the dynamic source is empty or unavailable.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Label <\/strong>tab includes such adjustments:<\/p>\n\n\n\n<ul>\n<li><strong>LABEL TYPE<\/strong> \u2014 defines how the link label is set:\n<ul>\n<li><strong>Static Text<\/strong> \u2014 activates the <strong>LABEL TEXT<\/strong> to enter a custom label manually;<\/li>\n\n\n\n<li><strong>Generate Dynamically<\/strong> \u2014 pulls the label dynamically from the selected <strong>LABEL SOURCE<\/strong> (i.e., \u201cPost\/Term\/User\/Object Data,\u201d \u201cMeta Data,\u201d and \u201cOption Value\u201d). Also, allows specifying the <strong>LABEL OBJECT<\/strong>, <strong>LABEL META KEY<\/strong>, and <strong>LABEL OPTION NAME<\/strong>,<strong> <\/strong>respectively.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>ARIA LABEL TYPE<\/strong> \u2014 sets accessibility labels. One can inherit the main label or define a custom one for screen readers.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Settings<\/strong> tab:<\/p>\n\n\n\n<ul>\n<li><strong>URL PREFIX<\/strong> \u2014 adds a prefix to the link if the meta field stores only part of the URL (e.g., filename);<\/li>\n\n\n\n<li><strong>URL ANCHOR<\/strong> \u2014 appends an anchor to the URL (without #). Useful for scrolling to specific sections;<\/li>\n\n\n\n<li><strong>Open in a New Window<\/strong> \u2014 opens the link in a new browser tab\/window when clicked;<\/li>\n\n\n\n<li><strong>ADD &#8220;REL&#8221; ATTRIBUTE<\/strong> \u2014 selects a rel attribute to the link (e.g., \u201cAlternate,\u201d \u201cNofollow\u201d, \u201cNoopener\u201d). Improves SEO and security.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listing-terms\">Listing Terms<\/h2>\n\n\n\n<p>The <strong>Listing Terms<\/strong> block displays taxonomy terms, including categories or tags, with sorting, linking, and formatting controls.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings.webp\" alt=\"listing terms block settings\" class=\"wp-image-49904\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-terms-block-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The <strong>Terms List<\/strong> tab contains such options:<\/p>\n\n\n\n<ul>\n<li><strong>FROM TAXONOMY<\/strong> \u2014 chooses from which taxonomy to display terms (e.g., \u201cCategories,\u201d \u201cTags,\u201d or any <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom taxonomy<\/a>).<\/li>\n\n\n\n<li><strong>Show All Terms<\/strong> \u2014 if enabled, shows all terms from the chosen taxonomy. If disabled, only terms linked to the current post\/item are displayed;<\/li>\n\n\n\n<li><strong>ORDER BY<\/strong> \u2014 defines how the terms are sorted (e.g., by \u201cName,\u201d \u201cSlug,\u201d \u201cTerm ID,\u201d etc.);<\/li>\n\n\n\n<li><strong>ORDER<\/strong> \u2014 sets the sorting direction: \u201cASC\u201d (ascending, A\u2192Z) or \u201cDESC\u201d (descending, Z\u2192A).<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Display Settings<\/strong> tab:<\/p>\n\n\n\n<ul>\n<li><strong>Linked Terms<\/strong> \u2014 if enabled, each term becomes a clickable link (usually linking to the term\u2019s archive page). If disabled, only plain text is shown;<\/li>\n\n\n\n<li><strong>DELIMITER<\/strong> \u2014 the character(s) used to separate terms in the list;<\/li>\n\n\n\n<li><strong>TEXT BEFORE TERMS LIST<\/strong> \u2014 a custom text\/HTML that will appear right before the terms list;<\/li>\n\n\n\n<li><strong>TEXT AFTER TERMS LIST<\/strong> \u2014 a custom text\/HTML that will appear immediately after the terms list.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listing-section\">Listing Section<\/h2>\n\n\n\n<p>The <strong>Listing Section<\/strong> is a block that controls the layout and alignment of items inside the listing. It functions similarly to a container or group block, but it\u2019s specifically designed for <em>JetSmartFilter<\/em>\u2019s listings.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting.webp\" alt=\"listing section block setting\" class=\"wp-image-49903\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/listing-section-block-setting-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<ul>\n<li><strong>CONTENT DIRECTION<\/strong> \u2014 defines the flow of content within the section: horizontal (\u2192) or vertical (\u2193) arrangement of items;<\/li>\n\n\n\n<li><strong>JUSTIFY CONTENT<\/strong> \u2014 manages horizontal alignment of elements inside the section. One can align items to the start, center, end, or distribute them evenly across the available space;<\/li>\n\n\n\n<li><strong>ALIGN ITEMS INSIDE SECTION<\/strong> \u2014 adjusts the vertical alignment of content within the section, allowing for positioning items at the top, center, bottom, or stretching them.<\/li>\n<\/ul>\n\n\n\n<p>That\u2019s all. Now you know about the settings for the <strong>Listing Field<\/strong>, <strong>Listing Image<\/strong>, <strong>Listing Link<\/strong>, and <strong>Listing Terms<\/strong> blocks, allowing one to build dynamic listings in WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for the Listing Field, Listing Image, Listing Link, and Listing Terms blocks.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[585],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Listing Blocks Overview \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for Listing Field, Image, Link, and Terms blocks to build dynamic listings in WordPress.\" \/>\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\/jetsmartfilters\/listing-blocks-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listing Blocks Overview \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for Listing Field, Image, Link, and Terms blocks to build dynamic listings in WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-23T09:03:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/\",\"name\":\"Listing Blocks Overview \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-10-22T13:25:37+00:00\",\"dateModified\":\"2025-10-23T09:03:18+00:00\",\"description\":\"Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for Listing Field, Image, Link, and Terms blocks to build dynamic listings in WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Listing Blocks Overview\"}]},{\"@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 Blocks Overview \u2014 JetSmartFilters | Crocoblock","description":"Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for Listing Field, Image, Link, and Terms blocks to build dynamic listings in WordPress.","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\/jetsmartfilters\/listing-blocks-overview\/","og_locale":"en_US","og_type":"article","og_title":"Listing Blocks Overview \u2014 JetSmartFilters | Crocoblock","og_description":"Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for Listing Field, Image, Link, and Terms blocks to build dynamic listings in WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/","og_site_name":"Help Center","article_modified_time":"2025-10-23T09:03:18+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/jetsmartfilters-listing-blocks.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/","name":"Listing Blocks Overview \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-10-22T13:25:37+00:00","dateModified":"2025-10-23T09:03:18+00:00","description":"Learn how to use Listing Blocks in JetSmartFilters. This tutorial explains the settings for Listing Field, Image, Link, and Terms blocks to build dynamic listings in WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/listing-blocks-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Listing Blocks Overview"}]},{"@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\/article\/49898"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=49898"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=49898"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=49898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}