With Ucraft, it's possible to add a system of filters for products to your pages. For this, you can use the Product Filter Element.

To get started, simply drag and drop it to your desired area. You can edit or add new filters by clicking on the element → Edit eCommerce Filters → Filters → add or remove filters.

The Product Filter allows you to add a box where users can filter the products based on:

  • Name
  • Category
  • Price
  • Inventory

*Inventory only shows products that are available in stock. You can manage your stock by going to Dashboard eCommerce App Products Edit Product Stock Control

  • On Sale

*Shows only products that are on sale. You can manage that by going to Dashboard eCommerce App Products Edit Product Price "Compare to" price

  • UPC
    Filter products by their UPC. It is a default attribute which you can edit by going to Dashboard
    eCommerce App Products Edit Product Attributes UPC
  • Brand
    Filter products by their Brand. It is a default attribute which you can edit by going to Dashboard
    eCommerce App Products Edit Product Attributes Brand
  • Options
    Filter products by their Options. To add/remove options simply go to Dashboard > eCommerce App
    Products Edit Product Options
    This feature is particularly important because it allows you to create your personal filters, for example filter products by their color, size, material, etc...

Keep in mind that since this is just a filter box, you'll need to use the Products element as well. In addition, make sure that both the Filter element and the Products element are in the same block. 

In Advanced settings, you'll see the option called Show Product Count. This will allow you to enable or disable the text which shows the number of products that match your filters. 

In addition, you can edit the Style of the filter box by clicking on Edit Styles, which allows you to manage the Colors, Size and Fonts.

Have more questions? We recommend checking out these Articles for a bigger view of Ucraft.

And always remember, we're just a step away! Hit the Chat box in the lower right corner and our Support Team will be glad to assist you!

Did this answer your question?