To showcase your layout template properly, you must provide a thumbnail preview for it. Without this, no one will know the design of the layout. Follow these steps to provide a thumbnail preview for your layout template:
-
Navigate to the layout template’s
docroot/folder. If you bundled the layout template with a theme created with the Liferay Theme Generator, the thumbnail is located in your theme’ssrc/layouttpl/custom/my-layoutttplfolder. -
Create a custom thumbnail PNG inside the folder specified in step 1 with the same name as the layout template that is 120 px x 120 px . Delete the temporary thumbnail PNG file if it exist.
Figure 1: A thumbnail preview displays the layout's design to the user.
-
Deploy your layout template to your app server to use it. If your layout template is bundled with a theme, it deploys when the theme is deployed. Now you know how to create a custom thumbnail preview for your Liferay DXP layout templates!