• Resolved brighton beach

    (@brighton-beach)


    At the bottom of a single portfolio page, there are three image thumbnails. One as a link to the previous project, one to the next. The thumb in the middle represents the current project.

    In my page setup, a thumbnail-sized representation of the project the visitor has just seen would be unnessesary, therefore I would like to change the thumbnail in the middle to a link to a random project. Would this be possible?

    It would also be interesting to have thumbnail-links to a number of related projects at the bottom.

    p.s. I am using the latest WP, Sketch and Jetpack version – self hosted – and have created a child theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • It’ll be much easier just to hide the middle project unless you’re fairly comfortable with PHP, as this will require writing a custom function for your child theme. 🙂

    Here’s the CSS to add to your child theme that’ll do that:

    .project-navigation .current {
      visibility: hidden;
    }

    It would also be interesting to have thumbnail-links to a number of related projects at the bottom.

    You could try asking in the Jetpack forum if there’s a way to display related projects, but as far as I know, Jetpack’s Related Posts only works on regular blog posts, and not custom content types like portfolio projects.

    Thread Starter brighton beach

    (@brighton-beach)

    Thank you very much for your reply, Kathryn.

    Yes, one of my options is to hide the middle thumbnail, then to increase the size of the left and right thumbnails, so that I have a two column layout. It looks fine, not perfect though. The first project has no previous-link and the last project no next-link. To fix this I will have to find out how to »loop« the projects.

    An other option would be to show a number of random projects at the bottom. It’s quite easy to do this with Jetpack’s shortcode.

    <?php echo do_shortcode('[portfolio display_types=true display_tags=false columns=3 showposts=3 orderby=rand]')?>

    The problem is, that the current project might appear here. I have to find a way to prevent this. Probably I have to do this without shortcode.

    For now, I have hidden the thumbnail part at the end of single-jetpack-portfolio.php until I find an elegant solution. This will probably involve learning some PHP.

    Good luck with it! The folks in the Jetpack forum might be able to point you in the right direction. Feel free to come back and post your solution here in case it helps others trying to achieve the same thing in the future.

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

The topic ‘Changing individual project page thumbnail navigation’ is closed to new replies.