Filters in Opencart 4: Overview, Setup, and Use Cases

In Opencart 4, filters allow customers to quickly narrow down product searches based on specific attributes like size, color, price range, rating, or brand. Filters enhance the shopping experience by allowing customers to easily find products that match their needs, leading to higher conversion rates and a more user-friendly interface.

This guide will cover how filters work in Opencart 4, including filter groups, assigning filters to products, and how to use them in categories.


1. Understanding Filters and Filter Groups

Filters in Opencart are used to categorize and display product attributes. These attributes can be anything that is relevant to your product line, such as size, color, brand, material, and more.

Filter Groups are categories of filters that organize related attributes together. For instance, a Color filter group may contain individual color filters like Red, Blue, Green, and so on. Similarly, a Size filter group might include filters for Small, Medium, Large, etc.

Key Terminology:

  • Filter Group: A collection of filters (e.g., Color, Size, Brand).
  • Filter: An individual attribute within a filter group (e.g., Red, Blue, Green for the Color group).

2. Setting Up Filters and Filter Groups

To set up filters and filter groups in Opencart 4:

Creating Filter Groups and Filters:

  1. Access the Filters Section:
    • Navigate to the admin panel: Catalog > Filters.
    • Here, you can add or manage filter groups and individual filters.
  2. Add a Filter Group:
    • Click on Add Filter Group to create a new group (e.g., “Color”, “Size”, “Brand”).
    • Enter the name of the group (e.g., Color, Size, Material).
    • Save the filter group.
  3. Add Filters to the Group:
    • Once a filter group is created, you can add filters (e.g., Red, Black, White, Silver) to the group.
    • Click on Add Filter and enter the filter details. Assign filters to the relevant group (e.g., Red, Black etc under the Color filter group).
    • Save the filters.
Filters group and filters in the Opencart

Assigning Filters to Categories:

  1. Go to Categories:
    • Navigate to Catalog > Categories and select the category where you want to enable filters.
  2. Enable Filters for Category:
    • In the category edit page, under the Filter tab, choose which filters are applicable for that category.
    • Enable and save the selected filters for the category.
Assign filter to category in Opencart

Assigning Filters to Products:

  1. Navigate to Products:
    • Go to Catalog > Products and select the product you want to assign filters to.
  2. Assign Filters:
    • On the product edit page, find the Filters tab.
    • Select the relevant filters from the available filter groups (e.g., size, color, brand) and assign them to the product.
    • Save the changes.
Assign filter to product in opencart

3. Using Filters in the Frontend (Store)

Once filters and filter groups are created and assigned to products and categories, customers can use the filters on the front end to narrow down their product search.

  • Filters will appear on the category pages in the store, usually in the sidebar or as a dropdown. To show the filter first you need to enable the Filter module.
    • Go to Admin >> Extensions >> Extensions >> Filter out with modules >> Install the Filter module >> Edit it and Enable the filter module
      Opencart filter module
  • Once enabled, add the Filter module to the category layout. For that, go to admin >> Design >> Layout >> Edit the Category and add the Filter module, which we added in the left column >> Save the layout.
    opencart filter layout
  • Now, customers can select filters on the category page (e.g., Color: Red, Black, etc.) to refine the product listings based on their preferences.
Filter or refine search in Opencart
  • Now customers or visitors can use the Refine search to filter out the products.
Filtered our products in Opencart

Opencart 4 allows for various filter display options, including checkboxes, dropdown lists, and multi-select options, which provide flexibility for the store design.


4. Examples of Filters and Filter Groups

Here are some common examples of filters and filter groups for different product categories:

Example 1: Clothing Store

  • Filter Group: Color
    • Filters: Red, Blue, Green, Black, White, etc.
  • Filter Group: Size
    • Filters: Small, Medium, Large, X-Large, etc.
  • Filter Group: Material
    • Filters: Cotton, Polyester, Leather, Silk, etc.

Example 2: Electronics Store

  • Filter Group: Brand
    • Filters: Samsung, Apple, Sony, LG, etc.
  • Filter Group: Price
    • Filters: $0 – $50, $51 – $100, $101 – $500, $500+.
  • Filter Group: Features
    • Filters: 4K, Touchscreen, Wi-Fi, Bluetooth, etc.

Example 3: Furniture Store

  • Filter Group: Material
    • Filters: Wood, Metal, Plastic, Fabric, Leather.
  • Filter Group: Style
    • Filters: Modern, Vintage, Classic, Industrial, etc.
  • Filter Group: Size
    • Filters: Small, Medium, Large, Custom.

5. Use Cases of Filters in Opencart 4

Filters are essential for providing a better customer experience in your store. Below are some use cases and scenarios where filters can significantly improve product discovery:

Use Case 1: Narrowing Product Choices

  • Scenario: A customer is shopping for a T-shirt in your online clothing store. They want a Red T-shirt in Medium size. Instead of browsing through all products, they can use filters for Color and Size to quickly find the products they’re looking for.
  • Outcome: The customer saves time and finds the right product more easily, improving their shopping experience.

Use Case 2: Price Range Selection

  • Scenario: A customer is looking for a new smartphone, but their budget is limited to $300. They can filter products by Price to only show phones in that price range.
  • Outcome: The customer finds relevant products within their budget, leading to a higher likelihood of conversion.

Use Case 3: Sorting Products by Features

  • Scenario: A customer browsing laptops in your electronics store may want one with Bluetooth or Wi-Fi. They can filter by product Features such as Wi-Fi or Bluetooth to refine their search.
  • Outcome: The customer finds exactly what they need and is more likely to make a purchase.

Use Case 4: Finding Specific Categories of Products

  • Scenario: In a furniture store, a customer is searching for a Wooden Coffee Table. By applying the Material filter for Wood, the customer can narrow down their choices without needing to scroll through unrelated furniture.
  • Outcome: The customer is able to focus on the specific product category they are interested in, improving their shopping efficiency.

Use Case 5: Product Comparison

  • Scenario: A customer wants to compare different brands of Smartwatches. By using the Brand filter and selecting multiple brands, the customer can compare products side by side based on specifications, prices, and features.
  • Outcome: The customer gains clarity on their options, making it easier to choose the best smartwatch for their needs.

Conclusion

Filters in Opencart 4 are a crucial tool for improving product discovery and the overall shopping experience. By setting up Filter Groups and Filters, assigning them to products and categories, and presenting them in an intuitive way on the front end, you can enable customers to find the exact products they are looking for more easily. Whether you sell clothing, electronics, or furniture, using filters can streamline the browsing process, increase customer satisfaction, and ultimately boost sales. We hope you liked this article, please subscribe to our YouTube Channel for Opencart video tutorials. You can also find us on Webocreation Twitter and Webocreation Facebook. Please let us know if you have any questions or concerns.

Previous articleHow to set free shipping, flat rate shipping, shipping as per item, or pick from a store in Opencart?
Next articleMaster Product and Variant Product in Opencart
Author of three Opencart book. The recent Opencart 4 book is at https://amzn.to/4dOlbOR

LEAVE A REPLY

Please enter your comment!
Please enter your name here