Link portfolio: scrolling posts/images to a page instead of the image
  • janetbakkerjanetbakker
    January 2012
    Hey there,

    I have a question about the Portfolio: Scrolling template. I really like the look and feel of it, but I noticed that you can't add a lot of text to the description/body section otherwise it won't show up, is that correct?

    Thing is, I would like it to act more as a post. So when you click on it, it goes to the actual post with more descriptive text. Is that possible somehow?

    Like maybe creating a separate page with more information and link to it from the Portfolio: Scrolling posts? Is that possible?

    This is the actual page I'm referring to: http://www.simplyeffective.nl/fajtiszta/onze-honden/teven/

    Thanks so much!
    Janet
  • mikemike
    January 2012
    You have two options for this.

    1) You can add more space for description (This won't really solve your problem I know). I just want to give you all your options :-).
    Edit the /css/standard.css file and remove these two lines of code:
    .content-container .news_carousel li { height:356px;} /* Latest Carousel News Regular Height */
    .news_carousel .scroll-pane { height:315px;} /* Latest News Carousel Scrolling Height */


    2) You can add a link to the portfolio-single post page where you can have additional information and images. See the index.php file for an example on how to link to the post via a permalink. It will then act similar to the blog.
  • janetbakkerjanetbakker
    January 2012
    Hey Mike,

    Thanks for your quick response. And the option! Really appreciate it.

    I tried adding the permalink script to the portfolio-scrolling.php, since I can't find a portfolio-single post and the scrolling page is the actual page I'd like it to work on:

    ">
    <?php the_post_thumbnail('portfolio-scrolling'); ?>

    <?php the_title(); ?><?php the_content(); ?>


    And then replacing <?php echo $image[0]; ?> by <?php the_permalink(); ?>.

    But that results in just showing the main background with a circle and an x mark.

    I also tried to replace that code in the single.php file, but that didn't result in anything.

    If you have time, do you mind taking a look? I can pm you the login codes if you want me to.

    Thanks!
    Janet
  • mikemike
    January 2012
    Unfortunately I cannot help with customizations. I just wanted to post some directions so you would be pointed in the right direction. Feel free to e-mail us if you are interested in hiring us for this project. We will gladly provide you with a quote.
  • giordanogiordano
    February 2012
    But this is not a customization. Rather it is a restriction of not being able to choose where the link points of the image gallery!
  • mikemike
    February 2012
    Ask for a bit more direction if you need help instead of a statement. I am willing to post some code examples to point you in the right direction, it's pretty simple actually.
  • giordanogiordano
    February 2012
    Ok, thanks. I created a gallery with thumbnails-portfolio template. Each thumbnail must point to a different page already created, using the template-slide content, instead of opening the big picture in fancylightbox. Should I have a way to put the permalink of the landing pages of links. Thanks in advance.
  • mikemike
    February 2012
    You can link to the portfolio post pages by copying the code from the index.php page. Instead of linking to the lightbox:


    <a class="fancylightbox" href="<?php echo $image[0]; ?>">
    <?php the_post_thumbnail('portfolio-scrolling'); ?>
    <div class="description">
    <h5><?php the_title(); ?></h5>
    <?php the_content(); ?>
    </div>
    </a>


    You just link to the permalink:

    <?php the_permalink(); ?>
    <?php the_post_thumbnail('portfolio-scrolling'); ?>
    <div class="description">
    <h5><?php the_title(); ?></h5>
    <?php the_content(); ?>
    </div>
    </a>


    That is it. You can customize your portfolio post page template by duplicating the single.php file and naming it single-portfolio.php
  • andreareitandreareit
    March 2012
    I have change these 2 line of standard.css file to increase Description Height (grey box under photo):
    You have to change height property of the 2 class:


    .content-container .portfolio_carousel li a { display:block; height:280px; width:135px; text-decoration:none; color:#888;}
    .content-container .portfolio_carousel li {
    width: 135px;
    height:280px;
    padding: 0;
    margin:0 15px 0 0;
    display: block;
    float: left;
    background:#222;
    color:#888;
    font-size:10px;
    }
  • BrendaSargBrendaSarg
    March 2012
    Hi Mike! I'm new to this, bare with me. I am trying to link my portfolio items to another site, but when I read this, i'm lost because:

    ">
    <?php the_post_thumbnail('portfolio-scrolling'); ?>

    <?php the_title(); ?>
    <?php the_content(); ?>



    I don't HAVE that code in my index.php page to edit? What am I missing there?
  • mikemike
    March 2012
    The code is in the "portfolio-scrolling.php" template. That is you are trying to edit the portfolio. Each name will correspond with the type it uses. Portfolio = Portfolio, index = blog
  • BrendaSargBrendaSarg
    March 2012
    It's linking to the website..which I want..but it is containing it in a box.
  • mikemike
    March 2012
    If you paste code, you need to use code tags. See note at bottom of page.

    You just need to remove this :class="videolightbox" that is what opens everything in a lightbox.
  • BrendaSargBrendaSarg
    March 2012
    Thank you SO much! (sorry, I didn't read the code tags until I had posted) Last question and I'm done...can I make it open in a new window rather than them being directed away from mine?
  • mikemike
    March 2012
    yes just add target="_blank" to the link.
  • BrendaSargBrendaSarg
    March 2012
    I don't understand? To the link on the portfolio page?
  • mikemike
    March 2012
    You add it to your link in the code. Same spot you pulled class="videolightbox" from.

    <a href="YOUR LINK" target="_blank>
  • BrendaSargBrendaSarg
    March 2012
    I added the code, but each item in the portfolio will have a different link? Is there a link that will pull the info for each one? I'm so confused :S
  • mikemike
    March 2012
    There isn't a way to link to add a custom link without quite a bit more customizing. Feel free to e-mail me via my contact form if you want a quote on making any customizations. I can't help much with customizations beyond pointing in the right direction.
    http://support.progressionstudios.com/discussion/3/customizations#1
  • DDSDDS
    May 2012
    Hello!

    I'm having trouble applying the info in this thread with the full width slider and the newest release v1.2.

    I've made my home page a full-width portfolio slider, updated to the latest release (after re-installing WP and deleting all old files), and changed "Portfolio: Do you want to link to the full size portfolio image?" to "No" in the Theme Options, but still the lightbox appears when images are clicked.

    Do the steps explained here still apply (except for editing the php files related to the full-width slider instead of the other 3 types).

    Once I can get this working, I'm happy to pay for customisation to allow using custom defined links, some of which open in a separate tab, rather than linking to the portfolio post page (which is fine for now).

    Any advice / direction would be much appreciated!

    http://danieldavidsutherland.com/