{"id":47958,"date":"2025-05-13T09:46:49","date_gmt":"2025-05-13T09:46:49","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&#038;p=47958"},"modified":"2025-05-13T10:53:41","modified_gmt":"2025-05-13T10:53:41","slug":"applying-price-filter-based-on-selected-date-range","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/","title":{"rendered":"Applying Price Filter Based on Seasonal and Weekend Rates"},"content":{"rendered":"\n<p>This tutorial addresses the challenge of creating an accurate price filter for apartment listings when using advanced pricing rules in <em>JetBooking<\/em>. Since pricing can vary depending on the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-manage-days-and-weekends-in-booking\/\" target=\"_blank\" rel=\"noreferrer noopener\">specific weekdays<\/a> and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-set-up-the-seasonal-pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">seasonal periods<\/a> with custom rates, a standard price filter may produce misleading results. We\u2019ll show how to set up a dynamic filter that reflects true prices based on the seasonal settings.<\/p>\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\">Before proceeding with the tutorial\u2032s steps, create a backup or replicate the actions on the staging site. The backup ensures that the website can be restored if an error occurs. To learn more, proceed to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-backup-restore-wordpress-website\/\">How to Backup and Restore a WordPress Website with a Plugin<\/a> article.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-filters\">Create Filters<\/h2>\n\n\n\n<p>For this case, the \u201cDate Range\u201d and \u201cRange\u201d filters must be created.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The \u201cRange\u201d filter for prices can work without a \u201cDate Range\u201d filter, but it still relies on date values. If none are selected, the current date is used by default. For accurate results, it is recommended to filter by date first, then by price.<\/p><\/div><\/div>\n\n\n\n<p>First, you can create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-date-range-filter-to-filter-the-publications-or-products\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cDate Range\u201d filter<\/a>, which can be done by following the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Apply JetSmartFilters to Your Booking Website<\/strong><\/a> tutorial.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter.webp\" alt=\"date range filter\" class=\"wp-image-47959\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Next, you need to create a filter for the price range.<\/p>\n\n\n\n<p>Open the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New <\/em><\/strong>page again. Enter the <strong>Filter Name<\/strong> (e.g., \u201cPrice Range\u201d) and select the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-range-filter\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cRange\u201d<\/a> <strong>Filter Type<\/strong>.<\/p>\n\n\n\n<p>The general filter settings can be customized based on the specific values you intend to filter.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter.webp\" alt=\"price range filter\" class=\"wp-image-47966\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-range-filter-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>However, for proper functionality and further processing, you should set the <strong>Query Variable<\/strong> parameter. This should be a unique key, such as \u2018_seasonal_price\u2019.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter.webp\" alt=\"query variable for the price range filter\" class=\"wp-image-47963\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/query-variable-for-the-price-range-filter-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Save the filter settings by pressing the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-a-snippet\">Add a Snippet<\/h2>\n\n\n\n<p>The hook can be added either via a custom code snippets plugin (like <a href=\"https:\/\/uk.wordpress.org\/plugins\/code-snippets\/\"><em>Code Snippets<\/em><\/a>) or directly in your theme\u2019s <strong>functions.php<\/strong> file (preferably in a child theme to prevent changes from being overwritten on updates).<\/p>\n\n\n\n<p>For example, we install and activate the <em>Code Snippets <\/em>plugin, then proceed to the <strong><em>WordPress Dashboard &gt; Snippets<\/em><\/strong> tab and click the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>We type the hook name into the title bar (e.g., \u201cJetBooking &#8211; Price Filter Based on Selected Date Range\u201d) and enter such code into the <strong>Functions (PHP) <\/strong>textarea:<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/Crocoblock\/f098047c348aa83a23f1d37d1619e455.js\"><\/script>\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\">Ensure to replace the _seasonal_price with the key set in the <strong>Query Variable<\/strong> bar for the \u201cRange\u201d filter.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range.webp\" alt=\"hook for the price filter based on the selected date range\" class=\"wp-image-47960\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/hook-for-the-price-filter-based-on-selected-date-range-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Now, we press the \u201c<strong>Save Changes and Activate<\/strong>\u201d button to save the snippet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"place-the-filters-on-the-archive-page\">Place the Filters on the Archive Page<\/h2>\n\n\n\n<p>Edit the Archive page, where the list of booking properties is located.<\/p>\n\n\n\n<p>For our case, we will use the page created in Elementor with the <a href=\"https:\/\/crocoblock.com\/plugins\/jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetThemeCore<\/em><\/a><em> <\/em>plugin. For more details, see the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/creating-custom-post-type-archive-template-with-jetengine-listing-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create an Archive for a Custom Post Type<\/strong><\/a> tutorial.<\/p>\n\n\n\n<p>On the Archive page, we displayed a list of properties using the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> from the <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a><em> <\/em>plugin.<\/p>\n\n\n\n<p>To show the range between the default and seasonal\/weekend price in the <strong>Listing Grid<\/strong>, you can use the \u201cPrice per day\/night\u201d <em>JetBooking <\/em><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tags-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Tag<\/strong><\/a>. To apply it, we hover over the first listing item and press the \u201c<strong>pencil<\/strong>\u201d icon.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties.webp\" alt=\"listing grid with properties\" class=\"wp-image-47961\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/listing-grid-with-properties-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Now, we can edit the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Item<\/strong><\/a> template. Use a widget or block here that supports dynamic tags (e.g., <a href=\"https:\/\/crocoblock.com\/widgets\/headline\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Headline<\/strong><\/a><strong> <\/strong>widget from <a href=\"https:\/\/crocoblock.com\/plugins\/jetelements\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetElements<\/em><\/a><em> <\/em>or <strong>Heading<\/strong>).<\/p>\n\n\n\n<p>Press the \u201c<strong>database<\/strong>\u201d icon and select the \u201cPrice per day\/night\u201d option in the <strong>JetBooking<\/strong> section from the dropdown menu.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking.webp\" alt=\"price per day night dynamic tag for jetbooking\" class=\"wp-image-47962\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/price-per-day-night-dynamic-tag-for-jetbooking-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the settings pop-up, pick the \u201cPrices range\u201d option from the <strong>Show price<\/strong> dropdown. In this way, the min and max property prices will be displayed.<\/p>\n\n\n\n<p>Press the \u201c<strong>Publish<\/strong>\u201d button to save the changes, hover over the first listing item again, and push the \u201c<strong>return<\/strong>\u201d icon to go back to the Archive page.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night.webp\" alt=\"jetbooking prices range per day or night\" class=\"wp-image-47965\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/jetbooking-prices-range-per-day-night-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, add the <strong>Date Range Filter<\/strong>, <strong>Range Filter<\/strong>, and <strong>Apply Button<\/strong> to the page.<\/p>\n\n\n\n<p>For the <strong>Date Range Filter<\/strong>, set the required filter in the <strong>Select filter<\/strong> dropdown, pick the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">filter provider<\/a> from the <strong>This filter for <\/strong>dropdown (\u201cJetEngine\u201d in our case), and enable the <strong>Hide apply button <\/strong>toggle (since we use a separate widget as an \u201c<strong>Apply Filters<\/strong>\u201d button, we don\u2019t need another one for this filter).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties.webp\" alt=\"date range filter for properties\" class=\"wp-image-47964\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter-for-properties-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>For the <strong>Range Filter<\/strong>, set the required filter in the <strong>Select filter<\/strong> dropdown, pick the filter provider from the <strong>This filter for <\/strong>dropdown (\u201cJetEngine\u201d in our case), and select the \u201cClick on apply button\u201d option from the <strong>Apply on <\/strong>dropdown.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties.webp\" alt=\"range filter for properties\" class=\"wp-image-47968\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/range-filter-for-properties-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>For the <strong>Apply Button<\/strong>, only the filter provider should be chosen from the <strong>This filter for <\/strong>dropdown.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings.webp\" alt=\"apply filters button settings\" class=\"wp-image-47967\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/apply-filters-button-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After the Archive page is set, you can save the modifications.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-results\">Check the Results<\/h2>\n\n\n\n<p>Proceed to the properties list on the front end to test the filters. For one of the properties, we set the weekend price: on Mondays, the price is $20, and for other days, it\u2019s $24.<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property.webp\" alt=\"weekend price for the property\" class=\"wp-image-47970\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/weekend-price-for-the-property-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Let\u2019s imagine we want to rent a property for no more than $20 per night, but only on Friday.<\/p>\n\n\n\n<p>We apply the filters and see that the \u201cRainforest Guest House\u201d property is not available for Friday at the desired price.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices.webp\" alt=\"filter results depend on the seasonal and weekend prices\" class=\"wp-image-47969\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/filter-results-depend-on-the-seasonal-and-weekend-prices-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all. Now you know how to create a dynamic price \u201cRange\u201d filter for a WordPress website that reflects seasonal and weekend pricing in <em>JetBooking<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[578],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Applying Price Filter Based on Seasonal and Weekend Rates \u2014 JetBooking | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.\" \/>\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\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Applying Price Filter Based on Seasonal and Weekend Rates \u2014 JetBooking | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-13T10:53:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter.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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/\",\"name\":\"Applying Price Filter Based on Seasonal and Weekend Rates \u2014 JetBooking | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-05-13T09:46:49+00:00\",\"dateModified\":\"2025-05-13T10:53:41+00:00\",\"description\":\"Learn how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Applying Price Filter Based on Seasonal and Weekend Rates\"}]},{\"@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":"Applying Price Filter Based on Seasonal and Weekend Rates \u2014 JetBooking | Crocoblock","description":"Learn how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.","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\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/","og_locale":"en_US","og_type":"article","og_title":"Applying Price Filter Based on Seasonal and Weekend Rates \u2014 JetBooking | Crocoblock","og_description":"Learn how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/","og_site_name":"Help Center","article_modified_time":"2025-05-13T10:53:41+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/05\/date-range-filter.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/","name":"Applying Price Filter Based on Seasonal and Weekend Rates \u2014 JetBooking | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-05-13T09:46:49+00:00","dateModified":"2025-05-13T10:53:41+00:00","description":"Learn how to create a dynamic price filter for a WordPress website that reflects seasonal and weekend pricing in JetBooking.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/applying-price-filter-based-on-selected-date-range\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Applying Price Filter Based on Seasonal and Weekend Rates"}]},{"@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\/tips-and-tricks\/47958"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"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=47958"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=47958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}