Posted on

Show images with Url from custom field

Time needed: 4 minutes.

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

Still no luck? We can help!

Submit a Request

Contact us and we’ll get back to you as soon as possible.