Add image to standard card

Search Best Practices - Search Front-End
1

Hi,

I am trying to add an image to a standard card. I added a standard-vertical and then forked a card using the standard template. When I try to add an image on the left of the card, I end up without any image and with only one result showing up. See attached.

image
image1055×457 15.1 KB

If I add a null check to the image field it’s even worse as I get a blank page as a result.

Which steps should I follow to add an image to a standard card?

Thanks a lot for your support!

Best,

Fede

2

Hi @Federica_Carrus,

If using a photo, I would recommend using a card that has this built in such as product-prominentimage! That will make it much easier to format.

Best,
Melissa

3

Hi @Melissa_Kaplan ,

I tried to apply the product prominent image card and I still face the same issue. What could be the problem here?

Thanks a lot for your support!

Fede

4

Hey @Federica_Carrus,

Whatever card your using should have a line like this:
image: Formatter.image(profile.c_photo).url

Make sure that the field name in the formatter (e.g. c_photo) matches the name of your photo field you’re mapping to, and you should be good!