Add Java Sorting and Filter to Shopify Collection Table
FilledJob Description
Project Overview:
We are looking for a developer to enhance a Shopify collection product table by adding sorting and filter functionality. The table displays product metaobjects with metafields for all values, and we want users to be able to sort and filter efficiently.
Requirements:
1. Sorting:
Add sorting capability to the following headers with simple up/down arrows next to each label:
- Brand
- P/N
- Length
- Diameter
- Wire Size
- Coil Count
- Price
2. Filters:
Add dropdown filters for each field, using all available values from the table, with variance rules for approximate matching:
| Field | Variance Rule |
|---|---|
| Spring Length | 1/2″ OR 0.2% of length + wire size (whichever is larger) |
| Spring Diameter | 1/4″ |
| Wire Size | ±1/8″ |
| Coil Count | 5% OR ±2 coils (whichever is larger) |
| Spring Type | List all available metaobject metafield entries |
3. Technical Details:
- Table data uses Shopify product metaobjects containing metafields.
- Sorting and filtering should work dynamically without full page reloads (preferably using JavaScript/Shopify AJAX or Liquid logic).
- Must handle all metaobject values dynamically, not just hard-coded options.
4. Deliverables:
- Fully functional sortable and filterable collection table on Shopify.
- Clean, maintainable code that can be integrated with existing Shopify theme.
- Short documentation on how to adjust or add new filter rules if needed.
Project Details:
- Start: ASAP
- Timeframe: Please provide your estimated completion time.
- Budget: Please provide your quote for the project.
💡 Optional Enhancements (Nice-to-Have):
- Multi-select filters
- Responsive design for mobile
- Performance optimizations for large collections
