Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[sprint_3] πŸš€ Issue RSS-ECOMM-3_03: Implement Robust Filtering Options for Product List Using commercetools API (30 points) 🎯 #139

Closed
4 tasks done
stardustmeg opened this issue May 3, 2024 · 1 comment Β· Fixed by #201, #227 or #235
Assignees
Labels
feature New feature or request sprint3 πŸͺ΄

Comments

@stardustmeg
Copy link
Owner

stardustmeg commented May 3, 2024

πŸš€ Issue RSS-ECOMM-3_03: Implement Robust Filtering Options for Product List Using commercetools API (30 points) 🎯

πŸ–ŠοΈ Description

The application should offer a comprehensive set of filters πŸŽ›οΈ allowing users to refine the product list based on various product attributes, such as price range πŸ’°, brand 🏷️, color 🌈, size πŸ“, or other relevant characteristics. The filtering functionality should be implemented using the commercetools API.

πŸ”§ Implementation Details

  1. Fetching Product Attributes: Using the commercetools API, fetch the necessary product attributes that will serve as the basis for filters πŸ“₯. This might include, but is not limited to, attributes like price, brand, color, and size.
  2. Designing the Filter Interface: Design a user-friendly πŸ‘ and intuitive interface for applying filters. This could be a sidebar, a dropdown menu, or a modal window.
  3. Applying Filters: Implement functionality that updates the product list based on the selected filters πŸ”„. This will involve making new API requests with filter parameters to the commercetools API.

πŸ’‘ Visual Implementation Ideas

  1. Filter Options Layout: Display filter options in a clear and organized manner πŸ—‚οΈ. You might want to group related filters or use visual elements like sliders for price ranges.
  2. Active Filters Indication: Clearly indicate which filters are currently applied βœ…. This could be done through highlighting, checkboxes, or some other visual cues.
  3. Resetting Filters: Provide an easy way for users to reset the filters and view the unfiltered product list πŸ”„.

βœ… Acceptance Criteria

  • A robust set of filters is available, allowing users to refine the product list based on various attributes like price range, brand, color, size, etc.
  • Applying a filter updates the product list to show only products that match the selected filter criteria. This updating should be done using the commercetools API.
  • It's clear to the user which filters are currently applied.
  • There is a clear and easy way for users to reset the filters.

πŸ”— Useful Links and Resources

  1. Commercetools API documentation
  2. Commercetools API endpoint for fetching product attributes
  3. Commercetools API filtering capabilities
@stardustmeg stardustmeg self-assigned this May 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment