Skip to main content
For dev - App Lib V2 Component Tree
Thomas Ta avatar
Written by Thomas Ta
Updated over a week ago

⚠️ This instruction is appropriate for App Lib V2 only. Please contact us for further assistance.


Typing boostPFS in the console, you will see an object that contains the entire filter & search app's data, info, and pointer to DOM elements.

Here is a breakdown of that structure.

Filter Component

  1. Filter

  2. FilterTree [ Filter Tree Component]

    1. FilterTreeMobileStyle2

    2. FilterTreeMobileStyle3

  3. FilterOption [ Filter Option Component]

    1. FilterOptionList (single, multiple selection)

    2. FilterOptionBox

    3. FilterOptionSwatch

    4. FilterOptionRange (general, advance, custom range)

    5. FilterOptionRating

    6. FilterOptionMultiLevelCollections

    7. FilterOptionMultiLevelTag

  4. FilterOptionItem [ Filter Option Item Component]

    1. FilterOptionItemList (single, multiple selection)

    2. FilterOptionItemBox

    3. FilterOptionItemSwatch

    4. FilterOptionItemRange (general, advance, custom range)

    5. FilterOptionItemRating

    6. FilterOptionItemMultiLevelCollections

    7. FilterOptionMultiLevelTag

  5. FilterCollapse

  6. FilterScrollbar

  7. FilterViewmore

  8. FilterSearchbox

  9. FilterToolTip

  10. FilterClearButton

  11. FilterApplyButton

  12. FilterRefineBy

  13. FilterRefineByItem

  14. FilterScrollToTop

  15. FilterLoadingIcon

  16. FilterTreeMobileButton: [ Filter Tree Mobile Component]

  17. FilterResult

  18. ProductList [ Product List Component]

  19. ProductItem

    1. ProductGridItem

    2. ProductListItem

    3. ProductCollageItem

  20. Pagination [ Pagination Component]

    1. PaginationDefault

    2. PaginationLoadMore

    3. PaginationInfinite

  21. DisplayType [ Display Type Component]

  22. Breadcrumbs

  23. CollectionInfo

  24. SearchInfo


Instant Search Component

  1. InstantSearch:

    1. InstantSearchMobile

  2. SearchInput

  3. InstantSearchResult [ Instant Search Result Component]

    1. InstantSearchResultStyle2

  4. InstantSearchResultLoading

  5. InstantSearchResultBlock

    1. InstantSearchResultBlockEmpty

    2. InstantSearchResultBlockDym

    3. InstantSearchResultBlockLoading

    4. InstantSearchResultBlockViewAll

  6. InstantSearchResultBlockItem

    1. InstantSearchResultBlockItemPopular

    2. InstantSearchResultBlockItemProduct

    3. InstantSearchResultBlockItemCollection

    4. InstantSearchResultBlockItemPage

    5. InstantSearchResultBlockItemDym

If you have any questions or need further assistance, please do not hesitate to contact our dedicated support team at [email protected].

Did this answer your question?