Documentation Search

  1. Home
  2. Addons
  3. Document Gallery
  4. Thumbnails


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.


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.

PDF thumbnails in WordPress media library

Only then you will be able to use this feature.


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

Create PDF 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.

Enable thumbnail

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

Gallery with PDF Thumbnails

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

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.

Was this article helpful to you? No Yes

How can we help?

Limited Time Offer - Use code MEOW30 to get 30% OFF
Get $70 OFF all plans → Use code: 70CATFOLDERS