{"id":281,"date":"2026-07-01T11:27:27","date_gmt":"2026-07-01T02:27:27","guid":{"rendered":"https:\/\/guide.rank-king.net\/?post_type=docs&#038;p=281"},"modified":"2026-07-04T15:16:30","modified_gmt":"2026-07-04T06:16:30","slug":"using-ranking-filters","status":"publish","type":"docs","link":"https:\/\/guide.rank-king.net\/?docs=using-ranking-filters&lang=en","title":{"rendered":"Using Ranking Filters"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Rank King allows you to add filters to your ranking section, enabling customers to quickly narrow down the displayed products.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-32-1024x554.png\" alt=\"\" class=\"wp-image-356\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-32-1024x554.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-32-300x162.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-32-768x415.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-32.png 1309w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Filters can be displayed as either <strong>dropdown menus<\/strong> or <strong>tabs<\/strong>, and can be created based on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product Tags<\/li>\n\n\n\n<li>Product Type<\/li>\n\n\n\n<li>Vendor<\/li>\n\n\n\n<li>Price<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Displaying filters is optional. If you choose not to display filters on your storefront, no filter configuration is required.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By default, Rank King includes four filter types<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-13_25_44-1024x576.png\" alt=\"\" class=\"wp-image-358\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-13_25_44-1024x576.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-13_25_44-300x169.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-13_25_44-768x432.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-13_25_44-1536x864.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-13_25_44.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Contents<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#1\" data-type=\"internal\" data-id=\"#1\">Configure Filters<\/a><\/li>\n\n\n\n<li><a href=\"#2\" data-type=\"internal\" data-id=\"#2\">Create Filters<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#2A\" data-type=\"internal\" data-id=\"#2A\">2.1 Tag Filters<\/a><\/li>\n\n\n\n<li><a href=\"#2B\" data-type=\"internal\" data-id=\"#2B\">2.2 Product Type Filters<\/a><\/li>\n\n\n\n<li><a href=\"#2C\" data-type=\"internal\" data-id=\"#2C\">2.3 Vendor Filters<\/a><\/li>\n\n\n\n<li><a href=\"#2D\" data-type=\"internal\" data-id=\"#2D\">2.4 Price Filters<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><a href=\"#3\" data-type=\"internal\" data-id=\"#3\">Customize Filter Appearance<\/a><\/li>\n<\/ol>\n\n\n\n<h4 id=\"1\" class=\"wp-block-heading\">1. Configure Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the filter settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to: <strong>Rank King \u2192 Filters \u2192 Edit Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"1\">Select one of the available filter sets.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-33-1024x554.png\" alt=\"\" class=\"wp-image-359\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-33-1024x554.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-33-300x162.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-33-768x415.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-33.png 1309w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>\uff0aYou can create up to five filter sets.<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">For example, you might create different filter sets for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standard Storefront<\/li>\n\n\n\n<li>Sale Campaigns<\/li>\n\n\n\n<li>Seasonal Promotions<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These filter sets can be switched in the Shopify Theme Editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-34-1024x483.png\" alt=\"\" class=\"wp-image-360\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-34-1024x483.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-34-300x142.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-34-768x363.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-34.png 1273w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Filter Name<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Enter a <strong>Filter Name<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This name is only used within the Rank King admin and is <strong>not displayed to customers<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-35-1024x616.png\" alt=\"\" class=\"wp-image-361\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-35-1024x616.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-35-300x180.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-35-768x462.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-35.png 1252w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"2\" class=\"wp-block-heading\">2. Create Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Rank King supports four filter types:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tags<\/li>\n\n\n\n<li>Product Type<\/li>\n\n\n\n<li>Vendor<\/li>\n\n\n\n<li>Price<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"2\">Each filter type shares the same basic configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-37-1024x616.png\" alt=\"\" class=\"wp-image-363\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-37-1024x616.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-37-300x180.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-37-768x462.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-37.png 1252w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1 \u2013 Filter Label<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Enter a <strong>Filter Label<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This label is used only within the Rank King admin to help identify the filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"667\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-38-1024x667.png\" alt=\"\" class=\"wp-image-364\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-38-1024x667.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-38-300x195.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-38-768x500.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-38.png 1210w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2 \u2013 Filter Display Mode<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose one of the following display styles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dropdown Filter<\/strong><\/li>\n\n\n\n<li><strong>Tab Filter<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-39-1024x584.png\" alt=\"\" class=\"wp-image-365\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-39-1024x584.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-39-300x171.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-39-768x438.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-39.png 1488w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The difference between Tab filter and Dropdown filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-14_12_42-1024x495.png\" alt=\"\" class=\"wp-image-366\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-14_12_42-1024x495.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-14_12_42-300x145.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-14_12_42-768x371.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-14_12_42-1536x743.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u67084\u65e5-14_12_42.png 1803w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Dropdown Filter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the <strong>Default Text<\/strong>, which is shown when no filter has been selected.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>All Products<\/li>\n\n\n\n<li>Select a Category<\/li>\n\n\n\n<li>Choose a Filter<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This option is also displayed after the customer resets the filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"657\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-47.png\" alt=\"\" class=\"wp-image-375\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-47.png 985w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-47-300x200.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-47-768x512.png 768w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Site design\u2193<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-48-1024x451.png\" alt=\"\" class=\"wp-image-376\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-48-1024x451.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-48-300x132.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-48-768x338.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-48.png 1134w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Tab Filter<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Configure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tab Position<\/strong>\n<ul class=\"wp-block-list\">\n<li>First (Left)<\/li>\n\n\n\n<li>Last (Right)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>&#8220;All&#8221; Tab Label<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is the text displayed when all products are shown.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also choose whether to display or hide the <strong>All<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"991\" height=\"666\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-43.png\" alt=\"\" class=\"wp-image-371\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-43.png 991w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-43-300x202.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-43-768x516.png 768w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3 \u2013 Add Tags<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Select Tags<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choose one or more Shopify product tags.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For each tag, enter an <strong>Option Label<\/strong>, which is the text displayed to customers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"641\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-50.png\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-50.png 982w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-50-300x196.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-50-768x501.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Site Design\u2193<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"641\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-51-1024x641.png\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-51-1024x641.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-51-300x188.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-51-768x481.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-51.png 1299w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4 \u2013 Add Additional Tags<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Add Tag<\/strong> to include more filter options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"985\" height=\"657\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-49.png\" alt=\"\" class=\"wp-image-377\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-49.png 985w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-49-300x200.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-49-768x512.png 768w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5 \u2013 Sort Filter Options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose how filter options should be ordered.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Available sorting methods include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ascending<\/li>\n\n\n\n<li>Descending<\/li>\n\n\n\n<li>Custom<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">When <strong>Custom<\/strong> is selected, you can drag and drop filter options into any order.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dropdown filters are displayed from top to bottom.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tab filters are displayed from left to right.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-52-1024x583.png\" alt=\"\" class=\"wp-image-380\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-52-1024x583.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-52-300x171.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-52-768x437.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-52.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"396\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/02\/\u30d5\u30a3\u30eb\u30bf\u30fc2_13\u2464.gif\" alt=\"\" class=\"wp-image-38\"\/><\/figure>\n\n\n\n<h4 id=\"2A\" class=\"wp-block-heading\">2.2 Product Type Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the default <strong>Product Type<\/strong> filter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The settings for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Filter Label<\/li>\n\n\n\n<li>Filter Mode<\/li>\n\n\n\n<li>Sorting<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">are identical to the Tag filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-53-1024x583.png\" alt=\"\" class=\"wp-image-381\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-53-1024x583.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-53-300x171.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-53-768x437.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-53.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Select Product Types<\/strong>, choose the product types from your Shopify store, and enter an <strong>Option Label<\/strong> for each one.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"2A\">Click <strong>Add Product Type<\/strong> to create additional filter options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"2B\" class=\"wp-block-heading\">2.3 Vendor Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the default <strong>Vendor<\/strong> filter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the vendor options using the same workflow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-54-1024x583.png\" alt=\"\" class=\"wp-image-382\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-54-1024x583.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-54-300x171.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-54-768x437.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-54.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Select Vendors<\/strong>, choose one or more vendors, and enter an <strong>Option Label<\/strong> for each.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"2B\">Click <strong>Add Vendor<\/strong> to add additional vendor filters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"2C\" class=\"wp-block-heading\">2.4 Price Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the default <strong>Price<\/strong> filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-55-1024x583.png\" alt=\"\" class=\"wp-image-383\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-55-1024x583.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-55-300x171.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-55-768x437.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-55.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Configure each price range by entering:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Minimum Price<\/strong><\/li>\n\n\n\n<li><strong>Maximum Price<\/strong><\/li>\n\n\n\n<li><strong>Option Label<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Under $50<\/li>\n\n\n\n<li>$50\u2013$100<\/li>\n\n\n\n<li>Over $100<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"2C\">Click <strong>Add Price Range<\/strong> to create additional price filters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"2D\" class=\"wp-block-heading\">2.5 Create Additional Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you need more filters, click <strong>Add Filter<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can create additional filters using any of the supported types:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tags<br>Product Type<br>Vendor<br>Price<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"3\" class=\"wp-block-heading\">3. Customize Filter Appearance<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the design of your filters:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to: <strong>Rank King \u2192 Customization Settings \u2192 Edit Settings<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"757\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-56-1024x757.png\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-56-1024x757.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-56-300x222.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-56-768x568.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-56.png 1074w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then open: <strong>Shopify Theme Editor \u2192 Filter Settings<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-57-1024x687.png\" alt=\"\" class=\"wp-image-385\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-57-1024x687.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-57-300x201.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-57-768x515.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-57.png 1190w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From there, you can customize various design options, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Filter width<\/li>\n\n\n\n<li>Typography<\/li>\n\n\n\n<li>Colors<\/li>\n\n\n\n<li>Spacing<\/li>\n\n\n\n<li>Layout<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To apply your custom filter design, make sure the <strong>Enable Filter Customization<\/strong> switch is turned <strong>On<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview Rank King a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"doc_category":[40],"doc_tag":[],"class_list":["post-281","docs","type-docs","status-publish","hentry","doc_category-filter-settings-en"],"_links":{"self":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=281"}],"version-history":[{"count":2,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/281\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/281\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=281"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_category&post=281"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}