Empire comes with an optional Utility bar for customers to control how the collection page is displayed.
Use the theme editor to access controls for the utility bar, allow customers to sort products with the utility bar, set the products per page, and toggle between grid and list view, and set a default view for the Utility bar.
Access controls through the theme editor
To configure this feature, navigate to a collection in the theme editor and open Collection pages under the Sections tab.
Allow customers to sort products with the utility bar
Enable the Show "Sort by" Dropdown to add an organization tool for customers to order the available products.
When clicked, customers will be able to sort products by:
- Best Selling
- Alphabetically, A-Z
- Alphabetically, Z-A
- Price, low to high
- Price, high to low
- Date, old to new
- Date, new to old
Allow customers to set the products per page
You can also Show products per page links in the same bar. This means that customers will be able to select how many products they want to view, per page, at a time.
Allow customers to toggle between grid and list view
Enable the Show grid/list view toggle option to let customers switch between a grid layout of products and a list view in a column. The list view provides a description of the product on desktop for customers that want to know more about each product at a glance. For mobile, both the list and grid view contain the same information.
Set a default view
When the Collection page first loads, select either Grid or List to display by using the Default view dropdown.
Disabling the Utility bar
To disable this feature, unchecking the three options above will remove the Utility bar from view.
Collection page templates
When setting up collections in the Collections admin, you may notice that there are selectable templates in the Theme templates section. These serve the utility bar features and should not be assigned to any collection.