How To: Add a Product Filter

Adding a Filter

  1. In the Administration panel, go to Products → Filters.

  2. Click the + button on the right and specify filter properties in the New filter window that will open.

    New filter
  3. Switch to the Categories tab.

  4. Click the Add categories button and add categories where this filter will be displayed.

    Important

    If a category is selected, the filter will be displayed only on the page of that category.

    Add categories
  5. Click the Create button.

Adding a Block for Filters

Filters appear on the storefront in a Product filters or Product filters for homepage block. To create this block:

  1. Go to Design → Layouts.

  2. Click the + button in the necessary location and click Add block.

  3. Switch to the Create New Block tab and click the Product filters or Product filters for homepage.

  4. Enter the block name (for example, My filters) on the General tab.

  5. Choose the desired Template:

    • Original—a box with all available product filters and a price slider.
    • Selected filters—a box with filters selected by a customer.
    • Horizontal filters—a box with all available product filters; the filtering criteria are selected in drop-down menus.
  6. Switch to the Content tab and click the Add filters button.

  7. Tick the checkboxes of the desired filters and click the Add filters and close button.

    Product filters block
  8. Click the Create button.


Big CS-Cart Update is Here Experience the New Admin Panel with Dark Theme