Show images with Url from custom field

Sometime you need to show an image from custom field. Also may you need to set an url to that image. In this tutorial, we are going to add custom field for image and url and show them in our table. We need ‘Advanced Custom Fields(Acf)’ plugin for this.

1. Add custom field for image

We add a custom field for image using Acf. Make sure that the field type is ‘Image’

2. Add custom field for url

Now we need to add a field for url. Here your custom field name has to be ‘image_url’ , and field type ‘Url’

3. Take a look

If you did everything right than you should have two custom field ‘Image’ and ‘Url’ in your product add page.

4. Upload image and set Url

Now upload image and set url

5. Add a column in table

Now we need to add a new column for showing that image

6. Check column

Column should checked by default, if not check it

7. Result

You can see the result in the table