FileBird
FileBird
FileBird
  • Getting Started
    • System Requirements
    • How to Install
    • License
      • Activate license
      • Move license
      • Local/Staging sites
    • Migrate to FileBird
    • How to Update
      • Manually Update
      • Auto Update
  • Free & Pro
    • Premium License
  • Features
    • Interface
      • Sidebar
      • View file location
      • Folder tree themes
      • Folder color
      • Breadcrumb
      • File count
    • Left Section of the Library
      • Divider Icon
      • File and Folder Sorting
      • Bulk Select Folders
      • Folders Searching
      • Drag and Drop Function
      • Right Click Function
      • How to Upload Folders and Files
      • How to Download Folders and Files
      • Set default startup folder
    • Right Section of the Library
      • Showing Specific File Type
      • Bulk Select Option
      • Search Field
    • Custom Post Types
    • Insert Files into Posts
    • Insert Files into Pages
    • Gutenberg Image Gallery
    • User-Based Folders
    • Sort Files by Size
    • Sort Files by Created Date
  • Settings
    • Import/Export
      • Media Folders
      • Post Types Folders
      • Backup
    • Reset to Default
    • Update Database
    • Uninstall and Delete
  • Addons
    • FileBird Document Library
      • Settings
        • Single type
        • Hierarchical type
      • Shortcode
        • Embed in Elementor
      • Show File Count in Nested Folders
      • Thumbnails
      • Translation
      • Free vs Pro
      • Changelog
    • FileBird Document Library for Members
    • FileBird Cloud
      • Dropbox integration
      • Google Drive integration
      • Google Photos
      • Changelog
  • Integrations
    • WPML
    • Polylang
    • JetEngine
    • Compatibility
      • Flatsome UX Builder
    • Developer zone
      • APIs
      • Functions
      • Filters
  • OTHER LINKS
    • FAQs
    • Known Issues
      • Created folders no longer visible
    • Troubleshooting
    • Support
    • Changelog
Powered by GitBook
On this page

Was this helpful?

  1. Addons
  2. FileBird Document Library
  3. Settings

Hierarchical type

How to display a folder structure on the front-end

PreviousSingle typeNextShortcode

Last updated 7 months ago

Was this helpful?

allows you to show a folder structure with breadcrumb navigation and nested folders.

This feature is available in the .

Hierarchical type allows you to display a root folder that contains all sub-folders mirroring from your WordPress media library back-end.

In this mode, you can select only one main folder. Its sub-folders will also be included in the folder tree. Your selected main folder will be the root folder.

  1. Folder: This is the selection option which allows you to choose the source folder for displaying the documents in front end.

  2. Structure Display: This option allows you to show folder tree in the frontend. If the selected folders have the same folder parent, the breadcrumb will display the path of the common parent of the subfolders. If the subfolders are on different levels, the breadcrumb will show up to the path of the nearest common parent of the subfolders.

  • When you click on the arrow, it will expand a subfolder of the current folder.

  • When you click on the text library, the selected folder will immediately load

  • When viewed on mobile, the layout will automatically be converted to select box style

  1. Search Scope

  • Narrow: Allows you to search for files in the folder you have selected

  • Extended: Allows you to search for files in the folder you selected and files in its subfolders

FileBird Document Library Pro
Pro version
A labelled image showing all the display options available for use in the Document library's settings.