{"id":10294,"date":"2024-04-23T18:43:51","date_gmt":"2024-04-23T15:43:51","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=10294"},"modified":"2024-04-23T19:13:55","modified_gmt":"2024-04-23T16:13:55","slug":"product-price-filter","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/woocommerce\/product-price-filter\/","title":{"rendered":"Product Price Filter"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-23-at-18.54.27.mov\"><\/video><figcaption class=\"wp-element-caption\">Price filter in action.<\/figcaption><\/figure>\n\n\n\n<p>The Blocksy Pro price filter prioritizes ease of use for both you and your customers. This elegantly designed filter integrates seamlessly into your existing product pages, requiring no complex configuration on your end. With minimal setup involved, you can quickly enhance your store&#8217;s functionality and empower your customers to navigate your product selection with greater ease.<\/p>\n\n\n\n<p>The price filter features a user-friendly slider interface. This allows your customers to visually define their desired price range, instantly filtering your product listings to showcase only those that fall within their budget. This targeted approach saves valuable time for your customers, enabling them to focus on products that align with their specific needs and financial considerations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-23-at-19.01.19.mov\"><\/video><figcaption class=\"wp-element-caption\">Turning on the &#8220;Filters&#8221; module.<\/figcaption><\/figure>\n\n\n\n<p>Activating the price filter within Blocksy Pro is a breeze. Follow these straightforward steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Navigate to Blocksy Extensions:<\/strong>\u00a0Within your WordPress dashboard, locate the main Blocksy panel. Click on the &#8220;<strong>Extensions<\/strong>&#8221; tab to access the list of available extensions.<\/li>\n\n\n\n<li><strong>Activate Shop Extra Filters:<\/strong>\u00a0Identify the &#8220;<strong>Shop Extra<\/strong>&#8221; extension and locate the &#8220;<strong>Filters<\/strong>&#8221; module within it. Simply toggle the switch to activate this module.<\/li>\n\n\n\n<li><strong>Locate the Price Filter Widget:<\/strong>\u00a0Once the initial setup is complete, head over to the &#8220;<strong>Appearance<\/strong>&#8221; section of your WordPress dashboard and navigate to the &#8220;<strong>Widgets<\/strong>&#8221; view. You&#8217;ll find a new addition to your widgets gallery: the &#8220;<strong>Filter by Price<\/strong>&#8221; block.<\/li>\n\n\n\n<li><strong>Integrate the Filter:<\/strong>\u00a0Drag and drop the &#8220;Filter by Price&#8221; widget onto a designated widget area on your product pages. That&#8217;s it! The price filter is now seamlessly integrated into your store.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-23-at-19.04.32.mov\"><\/video><figcaption class=\"wp-element-caption\">&#8220;Filter by Price&#8221; widget in action.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"632\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-23-at-19.08.11.png\" alt=\"\" class=\"wp-image-10306\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Show Tooltip<\/h3>\n\n\n\n<p>This option lets you show a little tooltip indicator when you&#8217;re dragging the price filter, for precise adjustments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Show Prices<\/h3>\n\n\n\n<p>This option lets you show the price range that&#8217;s currently selected, as a separate line beneath the filter slider.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Show Reset Button<\/h3>\n\n\n\n<p>This option lets you show a &#8220;reset&#8221; button that quickly resets the price filter to default.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Blocksy Pro price filter prioritizes ease of use for both you and your customers. This elegantly designed filter integrates seamlessly into your existing product pages, requiring no complex configuration on your end. With minimal setup involved, you can quickly enhance your store&#8217;s functionality and empower your customers to navigate your product selection with greater [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[117],"class_list":["post-10294","documentation","type-documentation","status-publish","hentry","doc_categories-woocommerce"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=10294"}],"version-history":[{"count":10,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10294\/revisions"}],"predecessor-version":[{"id":11347,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10294\/revisions\/11347"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=10294"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=10294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}