Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Names of the projects in the next/prev project

Names of the projects in the next/prev project

Scheduled Pinned Locked Moved General Discussion
10 Posts 3 Posters 433 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    J Offline
    joackim
    wrote on last edited by
    #1

    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

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      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

      J 1 Reply Last reply
      0
      • RichardR 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

        J Offline
        J Offline
        joackim
        wrote on last edited by joackim
        #3

        @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

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          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"

          Screen Shot 2020-08-17 at 5.18.23 PM.png

          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

          1 Reply Last reply
          0
          • J Offline
            J Offline
            joackim
            wrote on last edited by
            #5

            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.

            Capture d’écran 2020-08-19 à 10.51.11.png

            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

            1 Reply Last reply
            0
            • RichardR Offline
              RichardR Offline
              Richard
              Global Moderator
              wrote on last edited by
              #6

              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

              1 Reply Last reply
              0
              • J Offline
                J Offline
                joackim
                wrote on last edited by
                #7

                Dear @Richard-Keith,

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

                Kind regards,

                Joackim

                1 Reply Last reply
                0
                • RichardR Offline
                  RichardR Offline
                  Richard
                  Global Moderator
                  wrote on last edited by Richard
                  #8

                  Dear @joackim

                  Still looking! :)

                  Best
                  Richard

                  1 Reply Last reply
                  0
                  • RichardR Offline
                    RichardR Offline
                    Richard
                    Global Moderator
                    wrote on last edited by Richard
                    #9

                    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:

                    Screen Shot 2020-08-23 at 4.20.06 PM.png

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

                    Screen Shot 2020-08-23 at 4.19.57 PM.png

                    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

                    1 Reply Last reply
                    0
                    • M Offline
                      M Offline
                      mattbert
                      wrote on last edited by
                      #10

                      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

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      I also code custom websites or custom Lay features.
                      💿 Email me here: 💿
                      info@laytheme.com

                      Before you post:
                      1. When using a WordPress Cache plugin, disable it or clear your cache.
                      2. Update Lay Theme and all Lay Theme Addons
                      3. Disable all Plugins
                      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                      This often solves issues you might run into

                      When you post:
                      1. Post a link to where the problem is
                      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                      Online Users
                      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                      laytheme.com
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search