Who This Is For / When to Use
This article is for account owners and site builders who want to improve product discovery and control how products appear on the Product List page of a Kyrios e-commerce store.
Use this when:
Customers need sorting or filtering options while browsing products.
You want to control default product order or highlight priority products.
You need to customize layout and column display on product listings.
Enable Sorting and Filtering on the Product List Element
Sorting and filtering are configured directly on the Product List element inside the Site Builder.
Steps
Open the Site Builder for your e-commerce store.
Locate and select the Product List element from the elements panel.
In the element settings:
Toggle Sorting ON.
Toggle Filtering ON.
Customize available sorting options as needed.
Click Save.
Use Preview to confirm how the options appear on the live page.
Result:
Customers can sort and filter products directly on the Product List page.
Product & Collection Micro-Interaction (Canvas Selection)
Micro-Interaction improves speed and accuracy when assigning or identifying products and collections directly on the canvas.
How It Works
Double-click an unmapped item
Opens the selection drawer.
Assign a product or collection.
Double-click a mapped item
Highlights the item on the canvas.
Syncs selection with the sidebar drawer.
Result:
Changes made on the canvas and in the sidebar remain automatically synchronized.
Default Sorting for the Product List Page
Default sorting controls the initial product order when customers first load the Product List page.
How to Set Default Sorting
Open Product List Page settings.
Choose a default sorting option.
Save changes.
If no option is selected, the system default is:
Date, New to Old
Applies to:
Product List pages only
Collection and category views
Available Sorting Options
Sorting options determine how products are ordered for customers.
Sorting Types
Date Sorting
Newest to oldest
Oldest to newest
Alphabetical Sorting
A to Z
Z to A
Price Sorting
Low to high
High to low
Available Filtering Options
Filters allow customers to narrow product results.
Filter Types
Availability
In Stock
Out of Stock
Price Range
Display products within a defined price range
Example: $15–$25
Combination Filters
Multiple filters can be applied at the same time
Example: In Stock + Price Range
Default Behavior:
No filters are applied automatically on page load.
Layout Options for Product List Pages
Layout options control how many products appear per row.
How to Change Columns
Open the Store Builder.
Select the Product List element.
Go to General Settings > Layout Options.
Choose the number of columns:
Minimum: 1
Maximum: 5
Save and publish.
Applies to:
Product List element only.
Display Priority for Product Ordering
Display Priority lets you manually control product order.
How Display Priority Works
Lower numbers = higher priority.
Products with the same priority are sorted alphabetically.
Out-of-stock products always appear at the end.
Updates apply immediately.
Featured Sorting
The Featured sorting option uses Display Priority values.
Featured is the default sorting option for new stores.
Sorting and Filtering Limitations
Sorting and filtering apply only to the Product List page.
Filters are not pre-selected when the page loads.
Customers must manually choose filters.
FAQ
What sorting options are available for the Product List?
Products can be sorted by date, alphabetically, or by price, with both ascending and descending options available.
Can I apply multiple filters at the same time?
Yes. Combination filters are supported, such as filtering by availability and price range together.
Where do I enable sorting and filtering?
Select the Product List element in the Site Builder and toggle sorting and filtering in the element settings.
Do sorting and filtering apply to all pages?
No. These features are exclusive to the Product List page.
Are any filters applied by default?
No. Filters are not applied automatically when the page loads.
How many columns can I set in layout options?
You can set between 1 and 5 columns.
Is the custom column layout available for other elements?
No. Column layout settings are specific to the Product List element.
How does Display Priority affect product order?
Products with lower Display Priority numbers appear first. If multiple products share the same priority, they are sorted alphabetically. The Featured sorting option uses these values to determine order.