For dev - App Lib v2 Component Tree

In this article

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. Sorting [ Product Sorting Component]  
  22. DisplayType [ Display Type Component]  
  23. Breadcrumbs
  24. CollectionInfo
  25. 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

Related Articles