Show a different image in popup

Wishlist Team Showcase
1

Can I have two images loaded per team member, once for the gallery, and different one for the detail page? Client really wants to do this and I have not seen anything in the documentation to this effect.
Thanks

3 Likes
2

Greetings and welcome aboard, @Tim_Neudecker :waving_hand:

At the moment, unfortunately, there is no way to add a different image to the widget’s popup. I am really sorry!

I’ve moved this idea to the Wishlist and if more users support it, we’ll try to consider it in the future updates :slightly_smiling_face:

3

I’d like to be able to do this also because my gallery images have a different aspect ratio than my popup images. Sometimes it’s difficult to crop an image so that it looks good in the gallery AND popup. For now, how can I change the aspect ratio for both the gallery and the popup so that I can figure out what aspect ratio will be the best compromise?

1 Like
4

Hi there, @FrogMeister :waving_hand:

Many thanks for the feedback!

I see that you have 4 Team Showcase widgets. Could you please specify the name of the widget, where you’d like to change the aspect ratio?

5

The main 2 are the Meet the Snakes CO Elfsight and

Meet the Snakes CA Elfsight

1 Like
6

Thanks!

Since the image ratio in the popup depends on the dimensions of the popup container, there is no way to change it in a neat way.

As for the images in the grid view, here is the code to change the aspect ratio:

.eapp-team-showcase-member-card-photo-photoShow {
   aspect-ratio: 2/3; 
    width: 100%; 
    height: auto; 
}

However, I’d recommend you to upload all images with the same dimensions and to avoid cropping use this code in the Custom CSS field:

.eapp-team-showcase-member-card-photo-photoShow {
object-fit: contain
}

Check it out and let me know if it helped :slightly_smiling_face:

1 Like