Create a Beautiful Content Showcase with New Drag-and-Drop Blocks

 

Showing your content in the best light is top priority at Tizra, so when we redesigned the Browse blocks that generate content listings in Evergreen, we took a hard look at what our users were actually doing with the platform. We saw use cases demanding presentation formats with varying levels of density and metadata. And of course, everything needed to be able to scale to work with thousands of content items across the full range devices from mobile to desktop.

The video above gives a very quick overview of what we came up with, and below, we drill down on a few key features.

Selecting and sorting

On the Content tab of the Browse block, you can choose what content you'd like to display by selecting collections, tags, content types or all of the above. Sorting can be on any appropriately formatted metadata field you have set up in your site, and can be ascending or descending.

Setting filters

You can empower your users to select personalized views of your content by creating dropdown filters that quickly narrow what shows on the page. Just go to the Filtering tab and set options as shown below.

Below is an example of how the filters look to end users. Note that they're carefully designed so that each filter setting has its own URL (and can be tracked in analytics) and so that options that will display empty results are not displayed.

Managing layout and look

This is your content and this is your showcase, so you should be able to decide on the design that looks and works best.

Below are examples showing how some of the options will look to end users.

Small tiles

Large tiles

Cards

Text only

Combined on a live customer site
Check out how the American Society for Nondestructive testing pulled the different styles together to create a high-impact landing page for its journal Materials Evaluation.