two different project thumbnails

[srikken]

Hi

I want to use two two different project thumbnails for some projects.
Example:
On the homepage a want a different picture for a project than om my project page.
I want both to have the blurry effect and title when hovering over with your mouse.

Also I would like to use projects in a carousel and in the project page. With different images.

A work around would be making two projects (clones), but idealy you want them to direct to the same project.

somebody knows a solution?

:)

[arminunruh]

hey srikken!

Well you can have an image with a caption and then right click on that image in the gridder and set a link. That is a bit like a project thumbnail. Otherwise I don't think there is a good solution to have 2 different images for different places on the page.

[srikken]

Hi Armin,

Yes that's the method I use now, but I was curious if there was another way to do it.
Thanks : )

[Aleksandar]

Hi there!

I just had the same thought! :-D This post is a bit old, but is there a nicer/updated solution?
I have many projects that consist of different visuals. So having different thumbnails (with the title hover effect) for to the same project would be ideal.

All best
Aleksandar
https://www.aleksandartodorovic.com

[Richard]

Dear @Aleksandar

When hovering over a Project Thumbnail we see a really nice title 🌝
I am assuming you want two different images to change back and forth automatically and then on hover the title still appears?

This would take some good custom coding and has not been implemented yet, but wanted to know if i was on the same page.

---

Best

Richard

[Aleksandar]

Hey Richard!

Thank you for you reply. I'm sorry it took me a while to answer.

Let me explain it with the attached image:

The photos circled in blue are basically the same projects. The same goes for red. As you can see, they are different visuals within one project. So I'm wondering how I could link different images to the same project.

I was thinking to duplicate a project, change the feature image and then relink it to the original project version. But that's not smooth and fill sup unnecessarily the index page.

Donno. :-) Maybe you know a nice solution.

All best
Aleks

[Richard]

Dear Aleks

@Aleksandar

"So I'm wondering how I could link different images to the same project."

Rather than duplicating each Project multiple times, i would suggest just making the layout in the Gridder and defining a link for them:

This method should give you the most control in the future should you decide to change something 👍

---

Thank you for supporting Lay Theme

Richard

[yelmarb]

@Richard I've also been wanting to create multiple project thumbnails for the same project. However, adding an image and linking it doesn't allow the project title to animate on, like every other thumbnail does.

Would be nice to be able to create multiple thumbnails for the one project.

[arminunruh]

hey there!

i will write this down, maybe i should code a way to replace an image for a project thumbnail

[yelmarb]

@arminunruh Hey Armin, so good that you can work on this.

Another situation where it would be ideal to have multiple thumbnails for the same project is for mobile and desktop layouts. So a vertical (9:16 format) thumbnail for mobile, and a landscape (16:9 format) thumbnail for the desktop version.

[arminunruh]

hey now in the gridder you can right click a project thumbnail element and choose "replace image"

you could create a custom phone layout for your page and insert project thumbnails and then use the aforementioned feature to use landscape images

just make sure the thumbnails are not synced with the desktop layout so the images will stay the same on the desktop layout

does that work for u?

[yelmarb]

@arminunruh Hey Armin, thank you for working on this. It took me a little to figure out what was happening here, but the "replace image" project thumbnail feature works really well. Thank you so much!