Mobile UI Improvements – Sorting & Filtering

1. A

   dedicated “Sort” button

   now appears in the top bar of the Product List Page (PLP) on mobile.

2. Tapping the button opens a bottom sheet modal with sorting options such as:

3. Users can easily dismiss the sort modal by tapping outside or swiping down.

1. A

   “Filters” button

   is now available in the PLP top bar.

2. Filters open in a full-screen modal, optimised for mobile interaction.
3. Available filter options include:

• Availability:

  In Stock / Out of Stock (both selected by default)

• Price Range:

  “From” and “To” numeric inputs

4. A

   sticky footer

   keeps “Apply” and “Clear Filters” buttons always accessible.

5. Active filters are indicated via a badge count on the Filters button.
6. Product results update accurately based on applied filters.

• The total product count is now visible on the Product List Page.
• The count dynamically updates as filters are applied or cleared, providing customers with better context while browsing.

🛠 Builder & Customisation Support

1. Store owners can preview sorting and filtering interactions directly in the

   mobile builder preview

   .

2. Customisation options include:

• Background colour for the Sort/Filter bar
• Text colour for Sort and Filter buttons
• Styling for Apply and Clear buttons in the filter modal

• Creates a cleaner, more intuitive mobile shopping experience
• Reduces friction when browsing large product catalogs
• Improves clarity, accessibility, and conversion potential on mobile devices

• These improvements apply across mobile views of the Product List Page.
• Sorting and filtering interactions are fully optimised for touch and small screens.