{"id":11947,"date":"2019-07-01T07:25:08","date_gmt":"2019-07-01T07:25:08","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=11947"},"modified":"2024-08-13T11:20:27","modified_gmt":"2024-08-13T11:20:27","slug":"jetsmartfilters-how-to-create-range-filter","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/","title":{"rendered":"Range Filter Overview"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em><\/a> plugin has several types of filters that allow the visitor to specify the search for some definite parameters.<\/p>\n\n\n\n<p>The &#8220;Range&#8221; filter lets users define a specific range using a slider. Users can adjust the slider to select their preferred value. Subsequently, items will be arranged to fall within the range, from the smallest to the highest value, according to the user&#8217;s selection. For example, these values can be prices for WooCommerce store pages.<\/p>\n\n\n\n<p>Alternatively, one can filter <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a> posts of some <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Post Type<\/strong><\/a> with numeric values in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>meta fields<\/strong><\/a>, like price (e-commerce websites), age (dating websites), score (gaming websites), clothing size (e-commerce websites), salary (job search websites), etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-settings\">Filter Settings<\/h2>\n\n\n\n<p>A new <a href=\"https:\/\/youtu.be\/rSeGPPVzg4s?si=zejQB28K3x-ndMCW&amp;t=665\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">filter can be created<\/a> in the <strong><em>WordPress Dashboard > Smart Filters > Add New <\/em><\/strong>tab. The creation should start with the <strong>Filter Name <\/strong>typed in.\u00a0<\/p>\n\n\n\n<p>In the <strong>Filter Settings<\/strong> section, one should choose the \u201cRange\u201d as the <strong>Filter Type<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type.webp\" alt=\"range filter type\" class=\"wp-image-43951\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After that, such settings will appear:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings.webp\" alt=\"range filter settings\" class=\"wp-image-43964\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Get min\/max dynamically<\/strong> \u2014 a drop-down menu with such options:\n<ul>\n<li><strong>None <\/strong>\u2014 a default option, with which the range will not be set dynamically but taken from the <strong>Min Value<\/strong> and <strong>Max Value<\/strong> fields;<\/li>\n\n\n\n<li><strong>WooCommerce min\/max prices <\/strong>\u2014 an option available with the <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>WooCommerce<\/em><\/a><em> <\/em>plugin installed and activated. With this option chosen, the range will be set automatically according to the product minimum and maximum prices;<\/li>\n\n\n\n<li><strong>Get from Post Meta by query meta key <\/strong>\u2014 an option that gets min\/max values from <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>meta fields<\/strong><\/a> (e.g., \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#number\" target=\"_blank\" rel=\"noreferrer noopener\">Number<\/a>\u201d or \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#text\" target=\"_blank\" rel=\"noreferrer noopener\">Text<\/a>\u201d) added to <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>custom post types<\/strong><\/a> or <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-the-custom-meta-fields-to-the-posts\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress posts via Meta Boxes<\/strong><\/a>;<\/li>\n\n\n\n<li><strong>Get from Term Meta by query meta key<\/strong> \u2014 an option that gets min\/max values from <strong>meta fields<\/strong> added to <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>custom taxonomies<\/strong><\/a> or WordPress taxonomies via <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-boxes-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Meta Boxes<\/strong><\/a>;<\/li>\n\n\n\n<li><strong>Get from User Meta by query meta key <\/strong>\u2014 an option that gets min\/max values from <strong>meta fields<\/strong> added to <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-apply-meta-boxes-to-users\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>users via Meta Boxes<\/strong><\/a>;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Step<\/strong> \u2014 an option that sets how the value will change when the user moves the slider indicators to the desired positions. The lower the <strong>Step<\/strong> value, the more precisely the visitor can tune the range;<\/li>\n\n\n\n<li><strong>Values prefix <\/strong>\u2014 a field that allows specifying a fixed text or value before the min and max value. For example, if \u201c\u20ac\u201d is entered here, a range in the filter will look like this: \u201c\u20ac1 &#8211; \u20ac100\u201d;<\/li>\n\n\n\n<li><strong>Values suffix<\/strong> \u2014 a setting that allows specifying a fixed text or value after the min and max value. For example, if \u201ccm\u201d is entered here, a range in the filter will look like this: \u201c1cm &#8211; 100cm\u201d;<\/li>\n\n\n\n<li><strong>Inputs enabled<\/strong> \u2014 a toggle; if enabled, the input bars will appear under the range, and the users will be able to set the max and min values manually by typing the numbers into the bars;<\/li>\n\n\n\n<li><strong>Inputs separators enabled <\/strong>\u2014 a toggle available with the <strong>Inputs enabled <\/strong>toggle activated; applies thousands and decimal separators to inputs;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled.webp\" alt=\"range filter inputs enabled\" class=\"wp-image-43960\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-inputs-enabled-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Number of decimals<\/strong> \u2014 a field that defines how many numbers will be shown after the decimal point. For example, if \u201c2\u201d is set, any number in the range will be limited to two decimal places (e.g., \u201c3.14\u201d);<\/li>\n\n\n\n<li><strong>Decimal separator<\/strong> \u2014 a field that sets a symbol to mark the boundary between the whole number and the fraction part of a decimal number (e.g., 3.14). For instance, it can be a period (.), comma (,), space ( ), or apostrophe (&#8216;);<\/li>\n\n\n\n<li><strong>Thousands separator<\/strong> \u2014 a field that sets a symbol to separate groups of three digits in large numbers, typically to improve readability (e.g., 1,000,000). For instance, it can be a period (.), comma (,), space ( ), or apostrophe (&#8216;);<\/li>\n\n\n\n<li><strong>Query Variable<\/strong> \u2013 an obligatory field where the query variable key should be put. When filtering by a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>meta field<\/strong><\/a>, one should copy and paste the <strong>Name\/ID<\/strong> of the meta field into the <strong>Query Variable<\/strong> field. Multiple field keys should be separated with commas. Also, when the \u201c<strong>coin stack<\/strong>\u201d button is hit, the dynamic value can be pulled. For example, one can specify the \u201c_price\u201d meta field name to allow working with the <strong>Price<\/strong> range;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable.webp\" alt=\"range filter query variable\" class=\"wp-image-43963\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-query-variable-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Use Default Filter Value<\/strong> \u2014 if enabled, it activates the <strong>Default Filter Value<\/strong> field where a value or several values separated by commas can be typed that will be applied to the provider once through an Ajax request upon adding the filter to the page. The &#8220;_&#8221; underscore should be used to separate minimum and maximum values (e.g., \u201c1000_5000\u201d).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value.webp\" alt=\"range default filter value\" class=\"wp-image-43967\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-default-filter-value-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-labels\">Filter Labels<\/h2>\n\n\n\n<p>In the <strong>Filter Labels<\/strong> section, one can enter the <strong>Filter Label <\/strong>that will be visible when the filter isn\u2019t currently applied and the <strong>Active Filter Label<\/strong> that is shown after users filter the content and that may help users understand what criteria are currently being used to filter or refine the results they are viewing.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels.webp\" alt=\"range filter filter labels\" class=\"wp-image-43959\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-filter-labels-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assigning-range-filter-to-content\">Assigning Range Filter to Content<\/h2>\n\n\n\n<p>The<strong> <\/strong>\u201cRange\u201d filter is deployable on the front end via various editors, such as Elementor, WordPress editor, or Bricks. It should be placed with the content that needs to be filtered.<\/p>\n\n\n\n<p>To learn what widgets, blocks, and elements can be filtered, head to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Filter Providers Overview<\/strong><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"range-filter-widget-in-elementor\">Range Filter widget in Elementor<\/h3>\n\n\n\n<p>The <strong>Range Filter<\/strong> widget is available in the Elementor Page Builder.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"377\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-in-elementor.webp\" alt=\"range filter widget in elementor\" class=\"wp-image-43952\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-in-elementor.webp 358w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-in-elementor-285x300.webp 285w\" sizes=\"(max-width: 358px) 100vw, 358px\" \/><\/figure>\n\n\n\n<p>The widget contains the following settings:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings.webp\" alt=\"range filter widget settings\" class=\"wp-image-43954\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Select filter <\/strong>\u2014 a bar where the filter&#8217;s name should be put so it appears on the page. Filter providers can be enabled or disabled in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filter-settings-overview\/#general-settings\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>General Settings<\/strong><\/a><strong> <\/strong>tab of the <em>JetSmartFilters <\/em>dashboard;<\/li>\n\n\n\n<li><strong>This filter for <\/strong>\u2014 a provider list to pick the widget to which the filter will be attached;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"417\" height=\"708\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-providers.webp\" alt=\"range filter widget providers\" class=\"wp-image-43953\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-providers.webp 417w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-widget-providers-177x300.webp 177w\" sizes=\"(max-width: 417px) 100vw, 417px\" \/><\/figure>\n\n\n\n<ul>\n<li><strong>Apply type <\/strong>\u2014 a field to choose a way the filter will work. Presented options: \u201cAJAX,\u201d \u201cPage Reload,\u201d and \u201cMixed.\u201d \u201cAJAX\u201d displays results without reloading the page, \u201cPage Reload\u201d reloads a page, and \u201cMixed\u201d doesn\u2019t reload a page but transforms the page URL;<\/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\">With the \u201cPage Reload\u201d, the \u201c<strong>Apply<\/strong>\u201d button should be used.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Apply on <\/strong>\u2014 a field to pick when the filter is applied: once the value changes or by clicking the \u201c<strong>Apply<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Show apply button <\/strong>\u2014 a switcher that activates the \u201c<strong>Apply<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Show filter label <\/strong>\u2014 a toggle that shows a filter label above the filter;<\/li>\n\n\n\n<li><strong>Query ID <\/strong>\u2014 a field that can be used if there are several widgets of the same type on the same page, and one is supposed to be used as a provider. For instance, if there are two <strong>Listing Grids <\/strong>on the page and only one should be filtered, the <strong>Listing Grid <\/strong>settings (<strong>Advanced <\/strong>tab) should be opened, and its unique name should be set in the <strong>CSS ID <\/strong>field and then put here, in the <strong>Query ID <\/strong>field of the filter;<\/li>\n\n\n\n<li><strong>Additional Providers Enabled <\/strong>\u2014 a toggle to be enabled if several widgets should be filtered. Read more about this option in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-additional-providers-list-option-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Additional Providers List Option Overview<\/strong><\/a>. You can also check the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/applying-filters-to-several-widgets-on-page\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Apply Filters to Several Widgets on a Page<\/strong><\/a> tutorial.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"range-block-in-gutenberg\">Range block in Gutenberg<\/h3>\n\n\n\n<p>The <strong>Range <\/strong>block is available in the WordPress (Block) editor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"397\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-block-in-gutenberg.webp\" alt=\"range filter block in gutenberg\" class=\"wp-image-43955\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-block-in-gutenberg.webp 347w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-block-in-gutenberg-262x300.webp 262w\" sizes=\"(max-width: 347px) 100vw, 347px\" \/><\/figure>\n\n\n\n<p>In the Block Editor, the same settings as in <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/#range-filter-widget-in-elementor\">Elementor<\/a><\/strong> are presented.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings.webp\" alt=\"range block settings\" class=\"wp-image-43966\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The only difference is the options in the <strong>THIS FILTER FOR<\/strong> drop-down list: options for Elementor and <a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetWooBuilder<\/em><\/a> are not available, but you can pick the \u201cWooCommerce Shortcode\u201d variant and options for <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"796\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-providers.webp\" alt=\"range block providers\" class=\"wp-image-43965\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-providers.webp 274w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-block-providers-103x300.webp 103w\" sizes=\"(max-width: 274px) 100vw, 274px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"range-filter-element-in-bricks\">Range Filter element in Bricks<\/h3>\n\n\n\n<p>The <strong>Range Filter <\/strong>element is available in Bricks.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"320\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-in-bricks.webp\" alt=\"range filter element in bricks\" class=\"wp-image-43956\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-in-bricks.webp 298w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-in-bricks-279x300.webp 279w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\n\n\n\n<p>This element also repeats the settings used in <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/#range-filter-widget-in-elementor\">Elementor<\/a><\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings.webp\" alt=\"range filter element settings\" class=\"wp-image-43958\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The only difference is the options in the <strong>THIS FILTER FOR<\/strong> drop-down list: options for Elementor and <a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetWooBuilder<\/em><\/a> are not available, but you can pick variants for <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a> and the \u201cBricks query loop\u201d variant. Learn more from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/applying-filters-to-bricks-query-loop\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Apply Filters to Bricks Query Loop<\/strong><\/a> tutorial.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"745\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-providers.webp\" alt=\"range filter element providers\" class=\"wp-image-43957\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-providers.webp 296w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-element-providers-119x300.webp 119w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"result\">Result<\/h2>\n\n\n\n<p>The result can be seen on the front end after one of the pages built with the preferred editor is published. The <strong>Default Filter Value <\/strong>settings, adjusted during filter creation, are applied on the front end via an Ajax request.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value.webp\" alt=\"range filter on the front end with the applied default value\" class=\"wp-image-43961\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-with-the-applied-default-value-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The range can be changed manually as well by moving the slider indicators.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end.webp\" alt=\"range filter on the front end\" class=\"wp-image-43962\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s it; now you know how to use the \u201cRange\u201d filter, available with the <em>JetSmartFilters <\/em>plugin, on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This overview describes how to create a Range filter using the JetSmartFilters plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[303],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Range Filter Overview \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn more about the Range filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to set a specific range to find products or publications.\" \/>\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\/jetsmartfilters-how-to-create-range-filter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Range Filter Overview \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn more about the Range filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to set a specific range to find products or publications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-13T11:20:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type.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\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/\",\"name\":\"Range Filter Overview \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-07-01T07:25:08+00:00\",\"dateModified\":\"2024-08-13T11:20:27+00:00\",\"description\":\"Learn more about the Range filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to set a specific range to find products or publications.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/#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\":\"Range Filter 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":"Range Filter Overview \u2014 JetSmartFilters | Crocoblock","description":"Learn more about the Range filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to set a specific range to find products or publications.","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\/jetsmartfilters-how-to-create-range-filter\/","og_locale":"en_US","og_type":"article","og_title":"Range Filter Overview \u2014 JetSmartFilters | Crocoblock","og_description":"Learn more about the Range filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to set a specific range to find products or publications.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/","og_site_name":"Help Center","article_modified_time":"2024-08-13T11:20:27+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/range-filter-type.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\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/","name":"Range Filter Overview \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-07-01T07:25:08+00:00","dateModified":"2024-08-13T11:20:27+00:00","description":"Learn more about the Range filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to set a specific range to find products or publications.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/#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":"Range Filter 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\/11947"}],"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\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=11947"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=11947"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=11947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}