4.0Essential Grid 4.0 is here — see what’s new

FAQ

Display Custom Meta Data Image in Essential Grid

Essential Grid 3 · The 4.0 FAQ

This article will show you how to display an alternate image on your grid item from your Custom Meta Data

Quick Note: This method will only work on a Post Based Grid

Step 1:

Create an “Image Type” Custom Meta Data

Step 2:

In your posts, upload an image into the “Custom Image” Meta Data

Step 3:

Edit the Grid Skin

Step 4:

Create a new Layer and select Text/HTML as Layer Source.

Step 5:

Replace the Layer Texts with the HTML code below in the “Text/HTML” source

Quick Note: Learn more about the HTML IMG Tag here

<img src="%eg-custom-image%">

You can find the Custom Meta Key %eg-custom-image% using the link shown below.