With Ucraft, you can use the Product Filter Element to add a system of filters for products to your pages.
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!