Jump to post on a page after clicking on it’s title on another page

  • stosdenfer

    (@stosdenfer)


    3 years, 5 months ago

    Hi!
    I’ve just got here and after searching for my issue, I couldn’t exactly find it, so I’m posting
    What I want to do:
    On the home page I have a grid of posts that when I click on, I want to go to another page that has all the same posts but formatted as lists, and I want it to jump to that exact title that was clicked on on the first page.
    What I’ve done so far:
    I’ve created custom loops for both the posts grid on the home page and for the posts list on the other page.
    On the list loop, I’ve set the heading CSS ID to dynamic tag Post ID.
    So now, on the grid loop, I want to link it’s heading to that post on the list, so that it jumps to exactly that post on the other page.
    I really hope I’ve explained it well, if you need furhter info or explanation please ask me in the comments!
    Also, if this is the wrong approach, I welcome all suggestions because I can’t figure this out!
    Thank you so much in advance!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • tugbucket

    (@tugbucket)

    3 years, 5 months ago

    so on your home page on those links include #the slug for example:

    <a href="/novosti-iz-regije/#condor-otvara-liniju-zurich-split">Condor otvara liniju Zurich-Split</a>

    Then add that slug as an ID to the post like:

    <h1 class="elementor-heading-title elementor-size-default" id="condor-otvara-liniju-zurich-split">Condor otvara liniju Zurich-Split</h1>

    Thread Starter stosdenfer

    (@stosdenfer)

    3 years, 5 months ago

    @tugbucket
    Thank you for your reply! I appreciate it!

    My question is how do I do that dynamically?

    I’m using Elementor Custom Loop to create my custom Archive Posts Skin. Basically it’s a template, and I need to add for example the slug that you mentioned, but dynamically. That’s my problem, I don’t know how to do that.

    Under Advanced on the post, I’ve added the dynamic tag Post ID, but I don’t know how to dynamically do that on the home page when I want to link to it.

    I hope I made it more clear now.

    If I maybe misunderstood, please let me know, that’s a very likely possiblity haha 🙂

    Moderator bcworkz

    (@bcworkz)

    3 years, 5 months ago

    Your page already has usable tag ID attributes to jump to which use the post ID in the form of post-792, post-799, etc. You merely need to hash link to them in the referring URL:
    https://example.com/home/#post-792

    To dynamically generate such a link with Elementor, I recommend asking in a support forum dedicated to Elementor.

    Thread Starter stosdenfer

    (@stosdenfer)

    3 years, 5 months ago

    @bcworkz
    Thank you for the reply!
    I’ll contact them

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Jump to post on a page after clicking on it’s title on another page’ is closed to new replies.