Skip to main content

Collections

Collections represent the backbone of navigation in a Webround Commerce store. If filters and conditions are the logical search tools, collections are their strategic and visual application: they serve to segregate the catalog into logical and navigable sections, defining the site's structure.

In technical terms, a collection is nothing more than a pre-application of filters saved under a specific name and path.

Hierarchical Structure and Navigation​

Webround allows you to create collections at multiple levels of depth. This hierarchy is not just aesthetic but acts cumulatively on data selection.

When a user navigates through a hierarchy of collections, the system applies all filters from every level in AND mode.

Example: The path "Apparel / Shoes / Running"​

Imagine the following structure:

  1. Apparel (Filter: TagValue = Apparel)
  2. Shoes (Filter: TagValue = Shoes)
  3. Running (Filter: TagValue = Running)

If the user clicks on "Running," the system will not simply show all running products, but only those that simultaneously satisfy: Apparel AND Shoes AND Running.

This behavior allows for the automatic generation of precise Breadcrumbs and ensures that the user never "leaves" the logical context they are in.

tip

Create beautiful navigation components using React code and the utilities within wr.shop to easily navigate toward collections by simply entering the desired collection ID.

Dynamic and Parametric Collections​

The power of collections lies in the ability to use any condition (Tags, Attributes, Prices) to define specific market segments.

  • Car Example: Sale / Used Cars / Under 100,000 km.

  • Here, the last level is not a static tag, but a <= type filter on the "Mileage" Attribute with a value of 100,000.

  • Outlet Example: You can create a "Shock Deals" collection that applies a range filter on Price (e.g., between €0 and €20) crossed with an "Outlet" tag.

Interaction with Search and UI Filters​

Navigating within a collection means setting a "field of play." Every subsequent user action will occur exclusively within that data set:

  1. Text Search: If the user is in the "Running Shoes" collection and searches for "Nike," the system will return only the Nike items that are running shoes. It will not show hoodies or soccer cleats because the collection is already filtering the database upstream.
  2. Sidebar Filters: If you select a Tag Value (e.g., Color: Red) inside a collection, you are adding a further AND condition to those of the collection.
  • Result: Products of collection X AND Color Red.
  1. Range Filters: The same applies to prices or numerical attributes. If the user uses a price slider inside a collection, the slider will only act on the products already selected by the collection itself.
Logical Segregation

Collections transform a flat database of thousands of products into an organized store. Thanks to Webround's flexibility, you can create collections based on seasonality, flash sales, or technical specifications without ever having to physically move products: just change or add a condition to the collection filter.