Did you want to enhance the visual user interface of your document gallery? We got you covered! In this tutorial, we will show you how to display a thumbnail instead of boring file icons on the gallery, by using CatFolders Document Gallery.

For example, display the PDF’s first page as file thumbnails in the document gallery.

REQUIREMENTS:

Please make sure your WordPress is pre-configured so that your documents are already displayed with thumbnails in your media library, as shown in the screenshot below.

Only then you will be able to use this feature.

HOW IT WORKS

Firstly, create a PDF gallery for your website and configure all the setting options for this gallery.

On the display fields, click to enable the “Image” option afterward. This function will help you display thumbnails in a new column named Image.

Thus, your PDF gallery will become more eye-catching with the thumbnails of the files.

Now, it’s your turn to make some magic on your document gallery! 

IMPORTANT:
Please make sure your website’s server is properly configured with ImageMagick and/or GhostScript, which generates the first page image of PDF in the WordPress media library, then the thumbnails will be displayed on the front-end accordingly.