{"id":10021,"date":"2019-06-07T14:11:49","date_gmt":"2019-06-07T14:11:49","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=10021"},"modified":"2024-03-27T13:40:57","modified_gmt":"2024-03-27T13:40:57","slug":"jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/","title":{"rendered":"Check Range Filter Overview"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\/\"><em>JetSmartFilters<\/em><\/a> plugin allows users to filter products or posts with the Check Range filter. This filter enables users to specify several ranges, enabling visitors to select products or publications that fall within the chosen ranges.<\/p>\n\n\n\n<p>The <strong>Check Range<\/strong> filter can be used on any Block Editor\/Elementor\/Bricks edited pages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-settings\">Filter Settings<\/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>A new filter can be created in the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New <\/em><\/strong>tab. The creation should start with the <strong>Filter Name <\/strong>typed in.&nbsp;<\/p>\n\n\n\n<p>In the <strong>Filter Settings<\/strong> section, one should choose the \u201cCheck Range Filter\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\/06\/check-range-filter-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type.webp\" alt=\"check range filter type\" class=\"wp-image-43911\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-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\/06\/check-range-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings.webp\" alt=\"check range filter settings\" class=\"wp-image-43910\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Options List<\/strong> \u2014 a section where clicking the \u201c<strong>+ Add New<\/strong>\u201d button adds a block where a range can be set (e.g., from 1 to 1000). The block contains the <strong>Min Value<\/strong> and <strong>Max Value<\/strong> fields. The quantity of blocks that can be added is unlimited;<\/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\/06\/check-range-filter-options-list.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list.webp\" alt=\"check range filter options list\" class=\"wp-image-43909\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-options-list-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Values prefix <\/strong>\u2014 a field that allows specifying a fixed text or value before the <strong>Min<\/strong> and <strong>Max Values<\/strong>. For example, if \u201c$\u201d is entered here, a range in the filter will look like this: \u201c$1 &#8211; $100\u201d;<\/li>\n\n\n\n<li><strong>Values suffix<\/strong> \u2014 a setting that allows specifying a fixed text or value after the <strong>Min<\/strong> and <strong>Max Values<\/strong>. For example, if \u201c%\u201d is entered here, a range in the filter will look like this: \u201c1% &#8211; 20%\u201d;<\/li>\n\n\n\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 numerical input in the <strong>Min<\/strong> and <strong>Max Values<\/strong> 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. For example, one can specify the \u201c_price\u201d meta field name to allow working with the <strong>Price<\/strong> range;<\/li>\n\n\n\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., \u201c2000_3000\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\/06\/check-range-filter-settings-example.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example.webp\" alt=\"check range filter settings examples\" class=\"wp-image-43920\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-settings-example-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-labels\">Filter Labels<\/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>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\/06\/check-range-filter-labels.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels.webp\" alt=\"check range filter labels\" class=\"wp-image-43916\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-labels-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After adjusting all the \u201cCheck Range\u201d filter settings, the \u201c<strong>Update<\/strong>\u201d button should be clicked.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assigning-check-range-filter-to-content\">Assigning Check Range Filter to Content<\/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>Check Range<\/strong> 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<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-range-filter-widget-in-elementor\">Check Range Filter Widget in Elementor<\/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>Check 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=\"362\" height=\"266\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-in-elementor.webp\" alt=\"check range filter widget in elementor\" class=\"wp-image-43929\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-in-elementor.webp 362w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-in-elementor-300x220.webp 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/><\/figure>\n\n\n\n<p>The widget contains the following settings:\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"content\">Content<\/h3>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings.webp\" alt=\"check range filter widget settings\" class=\"wp-image-43922\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-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\"><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=\"427\" height=\"705\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-providers.webp\" alt=\"check range filter widget providers\" class=\"wp-image-43921\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-providers.webp 427w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-widget-providers-182x300.webp 182w\" sizes=\"(max-width: 427px) 100vw, 427px\" \/><\/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-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\">With the \u201cPage Reload\u201d, the \u201cApply\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=\"additional-settings\">Additional settings<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"search-enabled\">Search Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled.webp\" alt=\"check range filter search enabled\" class=\"wp-image-43919\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-search-enabled-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Search Enabled <\/strong>\u2014 a toggle that activates search above the filter;<\/li>\n\n\n\n<li><strong>Search Placeholder <\/strong>\u2014 a text displayed in the search bar that can be changed.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"moreless-enabled\">More\/Less Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled.webp\" alt=\"check range filter more less enabled\" class=\"wp-image-43917\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-more-less-enabled-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>More\/Less Enabled <\/strong>\u2014 a switcher that shows the \u201cMore\/Less\u201d labels below the filter to hide\/show items. If activated, the following fields appear:\n<ul>\n<li><strong>Less Items Count <\/strong>\u2014 a field where the number of items displayed by default should be specified;<\/li>\n\n\n\n<li><strong>More Text <\/strong>\u2014 a text on the \u201c<strong>More<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Less Text <\/strong>\u2014 a text on the \u201c<strong>Less<\/strong>\u201d button.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dropdown-enabled\">Dropdown Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled.webp\" alt=\"check range filter dropdown enabled\" class=\"wp-image-43913\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-dropdown-enabled-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Dropdown Enabled <\/strong>\u2014 a feature that hides options in a dropdown list. Once activated, the following features appear:\n<ul>\n<li><strong>Placeholder <\/strong>\u2014 a text displayed in the dropdown;<\/li>\n\n\n\n<li><strong>N Selected <\/strong>\u2014 a feature that hides options labels and shows a number of selected options after the N-item;<\/li>\n\n\n\n<li><strong>Number of Named Items <\/strong>\u2014 a field where the number of shown labels can be specified. For instance, if \u201c3\u201d is set, after three labels, there will be a text \u201cand 1\/2\/3\u2026 others\u201d shown;<\/li>\n\n\n\n<li><strong>Generic text <\/strong>\u2014 a text displayed after labels. Mind that a {number} macro should be used in the text to generate value afterward.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"scroll-enabled\">Scroll Enabled<\/h4>\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\/2019\/06\/check-range-filter-scroll-enabled.webp\" alt=\"check range filter scroll enabled\" class=\"wp-image-43918\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-scroll-enabled.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-scroll-enabled-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-scroll-enabled-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-scroll-enabled-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-scroll-enabled-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-scroll-enabled-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/div>\n\n\n\n<ul>\n<li><strong>Scroll Enabled <\/strong>\u2014 a feature that adds scroll next to Checkbox;<\/li>\n\n\n\n<li><strong>Scroll Height(px) <\/strong>\u2014 a field to complete the height of the scroll in pixels.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"indexer-options\">Indexer Options<\/h3>\n\n\n\n<p>One more settings tab available in Elementor is <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-set-indexer-option-for-filters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Indexer Options<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options.webp\" alt=\"check range filter indexer options\" class=\"wp-image-43915\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-indexer-options-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Apply Indexer <\/strong>\u2014 a switcher that activates indexer, a feature that shows how many items match a filtering option;&nbsp;<\/li>\n\n\n\n<li><strong>Show Counter <\/strong>\u2014 a toggle that enables a counter next to the options that are currently displayed on the page;<\/li>\n\n\n\n<li><strong>Counter Prefix <\/strong>\u2014 a prefix before the counter;<\/li>\n\n\n\n<li><strong>Counter Suffix <\/strong>\u2014 a suffix after the counter;<\/li>\n\n\n\n<li><strong>If Item Empty <\/strong>\u2014 a selector to pick whether the item will be shown, hidden, or disabled once it has no items attached;<\/li>\n\n\n\n<li><strong>Change Counters <\/strong>\u2014 a dropdown field where the counter behavior can be altered: whether they always be altered, never, or once other filters are changed.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-range-filter-block-in-gutenberg\">Check Range Filter Block in Gutenberg<\/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>Check Range Filter <\/strong>block is available in the WordPress (Block) editor.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"331\" height=\"295\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block.webp\" alt=\"check range filter block\" class=\"wp-image-43912\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block.webp 331w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-300x267.webp 300w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/><\/figure>\n\n\n\n<p>In the Block Editor, the same settings as in Elementor 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\/06\/check-range-filter-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-settings.webp\" alt=\"check range filter block settings\" class=\"wp-image-43924\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-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 one 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=\"277\" height=\"738\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-providers.webp\" alt=\"check range filter block providers\" class=\"wp-image-43923\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-providers.webp 277w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-block-providers-113x300.webp 113w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-range-filter-element-in-bricks\">Check Range Filter Element in Bricks<\/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>Check 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=\"297\" height=\"270\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-in-bricks.webp\" alt=\"check range filter element in bricks\" class=\"wp-image-43914\"\/><\/figure>\n\n\n\n<p>It also repeats the settings used in Elementor.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings.webp\" alt=\"check range filter element settings\" class=\"wp-image-43925\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The 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=\"298\" height=\"694\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-providers.webp\" alt=\"check range filter element providers\" class=\"wp-image-43926\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-providers.webp 298w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-element-providers-129x300.webp 129w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\n\n\n\n<p>Also, in the <strong>Additional Settings <\/strong>tab, except for the already known features described earlier, one more field is displayed:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox.webp\" alt=\"check range filter show checkbox\" class=\"wp-image-43928\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-show-checkbox-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Show Checkbox <\/strong>\u2014 a toggle that hides checkboxes next to the options if deactivated.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"result\">Result<\/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 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. If the <strong>Default Filter Value <\/strong>isn\u2019t set, the filter functionality can be checked by ticking one or several options.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-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\/06\/check-range-filter-on-the-front-end.webp\" alt=\"check range filter on the front end\" class=\"wp-image-43927\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all about the <strong>Check Range Filter<\/strong>, 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 new Check Range filter and apply it to different publication types 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>Check Range Filter Overview \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn more about the \u201cCheck Range\u201d filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to select products or publications within the chosen ranges.\" \/>\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-use-the-check-range-filter-to-filter-the-publications-or-products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Check Range Filter Overview \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn more about the \u201cCheck Range\u201d filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to select products or publications within the chosen ranges.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-27T13:40:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-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=\"11 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-use-the-check-range-filter-to-filter-the-publications-or-products\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/\",\"name\":\"Check Range Filter Overview \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-06-07T14:11:49+00:00\",\"dateModified\":\"2024-03-27T13:40:57+00:00\",\"description\":\"Learn more about the \u201cCheck Range\u201d filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to select products or publications within the chosen ranges.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/#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\":\"Check 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":"Check Range Filter Overview \u2014 JetSmartFilters | Crocoblock","description":"Learn more about the \u201cCheck Range\u201d filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to select products or publications within the chosen ranges.","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-use-the-check-range-filter-to-filter-the-publications-or-products\/","og_locale":"en_US","og_type":"article","og_title":"Check Range Filter Overview \u2014 JetSmartFilters | Crocoblock","og_description":"Learn more about the \u201cCheck Range\u201d filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to select products or publications within the chosen ranges.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/","og_site_name":"Help Center","article_modified_time":"2024-03-27T13:40:57+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/check-range-filter-type.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/","name":"Check Range Filter Overview \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-06-07T14:11:49+00:00","dateModified":"2024-03-27T13:40:57+00:00","description":"Learn more about the \u201cCheck Range\u201d filter type available with the JetSmartFilters plugin for your WordPress website. Allow users to select products or publications within the chosen ranges.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-check-range-filter-to-filter-the-publications-or-products\/#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":"Check 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\/10021"}],"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=10021"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=10021"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=10021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}