How to preload a grid from another page and show it on the current one?

---

Hello,

I would like to preview the grid (only text, no images) of page y, on page x when hovering over one of the menu items of page x.

Is there any JS function or an event that it can be done with?

Thanks,
Sasha

Hi Sasha,

I would try it like this:

Make three pages:

A
B
C

On the page C you make the grid with images and text.

On the pages A and B you put no content. Except that you add page C as a footer for both.

To do so have a look here:

And here:

Then both pages display page C as a footer.
So you have two times page C but with a different url.

Then have a look for the slug of the page:

Then with custom CSS you can play around and hide the text on page A.

Try this in your custom CSS code:

.slug-A . text  {
display: none;
}

You need to play around with this. But I think this is the way to go.

I hope I could help!

Best!

Marius

@mariusjopen said in How to preload a grid from another page and show it on the current one?:

Marius

It's exactly what i needed. Many thanks.

Cool! I am happy that worked out so far!