AppHub

⚠️ This instruction is appropriate for App Lib V2 only. Please <a href="mailto:support@boostcommerce.net" rel="nofollow noopener noreferrer" target="_blank">contact us</a> for further assistance.

___________________________________________________________

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

FilterTree [ <a href="https://support.boostcommerce.net/en/articles/9366918-for-dev-filter-tree-component-app-lib-v2">Filter Tree Component</a>]

1. FilterTreeMobileStyle2
2. FilterTreeMobileStyle3

FilterOption [ <a href="https://support.boostcommerce.net/en/articles/9366884-for-dev-filter-option-component">Filter Option Component</a>]

1. FilterOptionList (single, multiple selection)
2. FilterOptionBox
3. FilterOptionSwatch
4. FilterOptionRange (general, advance, custom range)
5. FilterOptionRating
6. FilterOptionMultiLevelCollections
7. FilterOptionMultiLevelTag

FilterOptionItem [ <a href="https://support.boostcommerce.net/en/articles/9366923-for-dev-filter-option-item-component">Filter Option Item Component</a>]

1. FilterOptionItemList (single, multiple selection)
2. FilterOptionItemBox
3. FilterOptionItemSwatch
4. FilterOptionItemRange (general, advance, custom range)
5. FilterOptionItemRating
6. FilterOptionItemMultiLevelCollections
7. FilterOptionMultiLevelTag 

FilterTreeMobileButton: [ <a href="https://support.boostcommerce.net/en/articles/9366921-for-dev-filter-tree-mobile-component">Filter Tree Mobile Component</a>]

ProductList [ <a href="https://support.boostcommerce.net/en/articles/9365806-for-dev-product-list-component-app-lib-v2">Product List Component</a>]

1. ProductGridItem
2. ProductListItem
3. ProductCollageItem

Pagination [ <a href="https://support.boostcommerce.net/en/articles/9365807-for-dev-pagination-component-app-lib-v2">Pagination Component</a>]

1. PaginationDefault
2. PaginationLoadMore
3. PaginationInfinite

Sorting [ <a href="https://support.boostcommerce.net/en/articles/9366047-for-dev-product-sorting-component-app-lib-v2">Product Sorting Component</a>]

DisplayType [ <a href="https://support.boostcommerce.net/en/articles/9366155-for-dev-display-type-component-app-lib-v2">Display Type Component</a>]

1. Filter
2. FilterTree [ <a href="https://support.boostcommerce.net/en/articles/9366918-for-dev-filter-tree-component-app-lib-v2">Filter Tree Component</a>]
 1. FilterTreeMobileStyle2
 2. FilterTreeMobileStyle3
3. FilterOption [ <a href="https://support.boostcommerce.net/en/articles/9366884-for-dev-filter-option-component">Filter Option Component</a>] 
 1. FilterOptionList (single, multiple selection)
 2. FilterOptionBox
 3. FilterOptionSwatch
 4. FilterOptionRange (general, advance, custom range)
 5. FilterOptionRating
 6. FilterOptionMultiLevelCollections
 7. FilterOptionMultiLevelTag
4. FilterOptionItem [ <a href="https://support.boostcommerce.net/en/articles/9366923-for-dev-filter-option-item-component">Filter Option Item Component</a>]
 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: [ <a href="https://support.boostcommerce.net/en/articles/9366921-for-dev-filter-tree-mobile-component">Filter Tree Mobile Component</a>]
17. FilterResult
18. ProductList [ <a href="https://support.boostcommerce.net/en/articles/9365806-for-dev-product-list-component-app-lib-v2">Product List Component</a>] 
19. ProductItem 
 1. ProductGridItem
 2. ProductListItem
 3. ProductCollageItem
20. Pagination [ <a href="https://support.boostcommerce.net/en/articles/9365807-for-dev-pagination-component-app-lib-v2">Pagination Component</a>] 
 1. PaginationDefault
 2. PaginationLoadMore
 3. PaginationInfinite
21. Sorting [ <a href="https://support.boostcommerce.net/en/articles/9366047-for-dev-product-sorting-component-app-lib-v2">Product Sorting Component</a>] 
22. DisplayType [ <a href="https://support.boostcommerce.net/en/articles/9366155-for-dev-display-type-component-app-lib-v2">Display Type Component</a>] 
23. Breadcrumbs
24. CollectionInfo
25. SearchInfo

InstantSearchResult [ <a href="https://support.boostcommerce.net/en/articles/9366908-for-dev-instant-search-result-component-app-lib-v2">Instant Search Result Component</a>]

1. InstantSearchResultBlockEmpty
2. InstantSearchResultBlockDym
3. InstantSearchResultBlockLoading
4. InstantSearchResultBlockViewAll

1. InstantSearchResultBlockItemPopular
2. InstantSearchResultBlockItemProduct
3. InstantSearchResultBlockItemCollection
4. InstantSearchResultBlockItemPage
5. InstantSearchResultBlockItemDym

1. InstantSearch:
 1. InstantSearchMobile
2. SearchInput 
3. InstantSearchResult [ <a href="https://support.boostcommerce.net/en/articles/9366908-for-dev-instant-search-result-component-app-lib-v2">Instant Search Result Component</a>]
 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 <a href="mailto:support@boostcommerce.net" rel="nofollow noopener noreferrer" target="_blank">support@boostcommerce.net</a>.

Filter Component

Instant Search Component