Library Pages

Your one-stop shop for all information on how to use and customize the frontend library experience.

Updated over a week ago


Creating Library Pages

Library pages are where users can consume assets and collections of assets. If made publicly available, these can also be accessed by external viewers. The assets and collections can be viewed, downloaded, and shared. Search and filter settings can be set up to help users quickly find the assets they need.

Each library page is linked with a library backend. One library backend can be connected with multiple library pages, whereas a library page can only be connected with one library backend.

How can I create a library page / add a library page to my guideline?

A guideline editor can create new or add existing libraries to the guideline using the navigation manager.

To learn more about how the library pages and backend libraries are connected and how to navigate between them, check out our article on Getting started with Libraries: backend and frontend.

Customizing your Library Page

To ensure that Frontify really becomes your brand’s cozy home, guideline editors can customize the Libraries to their needs. Read along to find out how.

Find the settings

Enter the frontend view of your Library, and switch to edit mode. A “Search Settings” button and a "Layout Settings" button will then appear on your page. Click it to enter the settings section.

Adjust the layout of the Media Library

In the “General” tab, you’re able to change the library width and view mode. Under “Assets” you can define the spacing between assets, the max height as well as the asset preview type. The “Collections” tab offers a plethora of layout settings to control navigation between collections and their preview style.

Customize your search bar and searchable images

The search bar and filters can be configured by adjusting general properties like border width and button color. You can also dive into details, changing the looks of your search bar borders and the box shadow. You can further define which assets you’d like to display. This way, you can, for example, easily exclude expired assets from your Media Library.

Beautify your facets

You can also modify your facets if you wish. Change their width, and define which color the facet checkboxes should have. It’s not indispensable, but why not customize your Media Library from A to Z, right?

Library Page actions

Search and filter

For larger libraries, using the search and filter capabilities becomes essential. These help the library page consumer ot find the right asset as quickly as possible. Read more about our Search in Libraries, as well as our Faceted Search.

View assets

When first opening a Library Page, the viewer sees an asset listing in a grid or justified layout. Each asset has a preview tile with a selection box that appears on hover. To view an asset in more detail, click on the asset tile to enter its Detail Asset View.

Download assets

Using bulk selection on the library page or within a collection, a consumer can choose to download one or more assets at a time. The same settings apply as with individual asset downloads, namely download protection, license, copyright agreement, and watermarks.

Note: The download size is limited to 4096x4096 px for image processing.

Share assets

Consumer users can also share assets by selecting them and clicking the bulk “share” button. The share link and settings remain accessible to the user in the personal collection created with this action.

If external sharing has been deactivated by the backend library curator, then this action will not be available on the library page. More information can be found in our Sharing Capabilities article.

Personal collections

Personal collections allow consumers to organize their preferred assets for easy access. The consumer can share, download, and manage personal collections on the respective Library page.

Visibility of assets on Library Pages

Some settings in the backend library will affect which assets are available on the library page, user-specific asset visibility, and whether or not the assets can be shared and downloaded.

  1. Targets: if activated, only the specified target groups will be able to consume the library's assets. Read more about library targets.

  2. Workflow status: the workflow status is set on the assets in the backend of the library by an asset curator. On the Library page, the guideline editor can decide which statuses’ can be shown.

  1. Asset Lifecycle: similar to the workflow status, the asset availability dates are set on the assets in the backend of the library by an asset curator. The guideline editor can decide if invalid or even if expired assets should be shown on the library page.

  2. Required custom metadata: asset metadata is curated in the library backend. If an asset is missing required custom metadata, it will not be shown to the consumer users and therefore, not appear on library pages.

Document categories: the first page of a document library page displays just a handful of assets from each category. Only after carrying out a search or clicking on “see more” of a specific category will the consumer be able to see all assets of that category.

Did this answer your question?