Feature module

The product list feature module includes all the presentation logic required to display the product list, sort and filter screens. If you need to include this module, add it to your build.gradle:

implementation ("com.poqstudio:catalogue.productlist:$VERSION_NAME")

Architecture

• ProductListActivity is the entry point to the product list SDK.
• ProductListFragment is the main fragment for the product list screen.
• ProductListView is the main view for the product list screen.
• ProductListViewModel is responsible for coordinating the different screens inside the product list SDK and interacting with the use cases.
• FilterFragment is the main fragment for the filters screen.
• FiltersView is the main view for the filters screen.
• FiltersViewModel is responsible for the communication with ProductListViewModel and presenting the filters.
• PoqUiFilterPriceViewHolder is the view holder for the price filter.
• FilterPriceViewModel is the view model for the price filter.
• PoqUiFilterToggleViewHolder is the view holder for the toggle filter.
• FilterToggleViewModel is the view model for the toggle filter.
• PoqUiFilterMultiSelectionViewHolder is the view holder for the multi selection filter.
• FilterMultiSelectionViewModel is the view model for the multi selection filter.
• PoqUiFilterMultiSelectionItemViewHolder is the view holder for each chip inside the multi selection filter.
• FilterMultiSelectionItemViewModel is the view model for each chip inside the multi selection filter.
• FiltersStore is responsible for generating a new filter list based on the actions received from the different filters ViewModels.
• FiltersMultiSelectionDetailFragment is the main fragment for the details of the multi selection filter, where the user selects the filter.
• FiltersMultiSelectionDetailView is the main view for the details of the multi selection filter.
• FiltersMultiSelectionDetailViewModel is responsible for coordinating all the screen and communicating with the main filter screen through FiltersStore
• PoqUiFilterMultiSelectionItemDetailViewHolder is the view holder for each item inside the FiltersMultiSelectionDetailView.
• PoqUiFilterMultiSelectionItemDetailViewModel is the view model for each item inside the FiltersMultiSelectionDetailView.
• FiltersMultiSelectionStore is responsible for generating a new multi selection filter list based on the actions received from PoqUiFilterMultiSelectionItemDetailViewModel.

Views breakdown

The Product list screens are broken down into different views:

Styles breakdown

The recommended way of styling Product lists screens is by using App Styling. If you need more granular customisation, you can override the specific style and provide your own. The styles for the Product lists screens are shown in the image below:

Listing templates

These are the available listing templates:

• ListingTemplate.Default

  

• ListingTemplate.CleanImage