Names of the projects in the next/prev project

[joackim]

Hi Armin, Marius,

Is there a way to have the name of the previous / next projects instead of "a link on a text" to navigate between projects ?

Kind regards,

Joackim

[Richard]

Dear @joackim

Would you like the Project Title to be a clickable link on the Left and right side of the page?

Just wish to understand better

Best
Richard

[joackim]

@Richard-Keith

I have a footer for projects with previous and next project text link. I want to display the name of the previous and the next project instead of prev and next.

Best

Joackim

[Richard]

Dear @joackim

This is possible to do but must be done for each project page with the use of text.

Create a "left text of your choosing" and a "right text of your choosing" on the project page and give it a "custom ID"

With this "ID" you can target it with Custom CSS e.g:

#exampletitle {

position:fixed

}

and additionally decide how high/low you wish to have it vertically on your site.

For additional CSS help:

https://www.khanacademy.org/computing/computer-programming/html-css

https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

Once the link has its own ID you can add CSS to your liking.

Let me know :)

Best Wishes
Sincerely

Richard

[joackim]

Dear @Richard-Keith,

Thank you for your answer.

I don't want to do it for each project because I use the next/prev text buttons in a specific footer for projects.
I want to add the name dynamically with php or something like that.

As you can see in the code, the name of the next and previous projects are in data-title... I want to use this variable for the next and previous text.

Kind regards,

Joackim

[Richard]

Dear @joackim

Just to let you know that i'm looking into it and will get back to you tomorrow.

Thank you for your patience and for using Lay Theme.

Best
Richard

[joackim]

Dear @Richard-Keith,

Thank you too for your answers and your patience. ;-)

Kind regards,

Joackim

[Richard]

Dear @joackim

Still looking! :)

Best
Richard

[Richard]

Dear @joackim

In "Custom HTML at bottom" in "Lay Options" - "Custom HTML & CSS"

Creating a link with the either the class name "layprevproject" or "laynextproject" automatically fetches the data we are looking for:

This way you are able to create your own Next/Prev Links that operate in the same manner, the data content is there:

The information we need is produced.
I have added an extra "id" to the <a> for better targeting,

Now we can target this "NXT" button and change the text within using:

https://stackoverflow.com/questions/901909/change-html-text-from-link-with-jquery

Try this out as i hope it sets you in the right direction,

Also we must change the "$" to "jQuery" in order for this to work properly

Good luck & thank you using Lay Theme! :)
Sincerely

Richard

[mattbert]

dear @Richard-K ,

i have the same need as joackim.
I state that I am not a jquery expert.
i tried to insert the jquery string in the head but i didn't get any good results.
could you write me the correct syntax to have the data-title instead of the prev / next text?
thanks