Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16552

    I really like what the man has done in the following post with his single portfolio page

    http://www.kriesi.at/support/topic/portfolio-single-page-how-to-change-image-size#post-77146

    I posted a comment/query at the end of this thread but now I see tht the php structure quite different for Propulsion

    I have searched loop-portfolio-single.php and loop-portfolio.php for the lines

    <div class=”eight units alpha min_height_1″>

    <div class=”four units entry-content”>

    but did not find them

    I would like to do something very similar in Propulsion

    I have already altered functions.php

    $avia_config = array(‘width’=>450, ‘height’=>450, ‘crop’=>false); // big images for lightbox and portfolio single entries

    and have regenerated the thumbnails, but the single portfolio page is still giving me a full size image.

    Then I changed a line in loop-portfolio-single.php to

    $slider->setImageSize(‘post-format-image’); where it was previously ‘fullsize’ and then regenerated thumbnails

    and it is still giving me the fulll sized image.

    All of my efforts are producing no result, what am I missing ?

    Can all of this just vbe my server’s cache ?

    Thanks

    Tim

    #91968

    Hi Tim,

    To start with they do have completely different layouts so it isn’t as simple as just changing the grid untis. You will need to really move a lot of css around on the page and then adjust all the css if there are any issues. In Propulsion, the portfolio is divided into the slideshow area at the top and then the css based grid below that. You should definitely revert the change to the $slider image size that is called back to fullsize so that the theme is using the correct image.

    What you would need to do, is move the slideshow into the grid so that it is inside of the layout and no just on top of it. So inside of loop-portfolio-single.php you would take all of the html/php from within:

    <div class="three units alpha blog-meta meta-color">

    and put it below:

    echo "<div class='nine units'>";

    So that all of the content would be inside the second grid area. Then you can put the slideshow code inside the first container and adjust the two containers grid units.

    The biggest hurdle will be making sure everything still works on the responsive layout but it should for the most part.

    Regards,

    Devin

    #91969

    I played around with that code but I obviously failed to understand something.

    I think that I did all you described ;-

    I tried placing the following in a variety of places, some of which gave me an error message

    <?php

    //call the function that displays featured images and slideshows within posts

    if($slideHtml)

    {

    echo “<div class=’container_wrap’ id=’slideshow_big’><div class=’container’>”.$slideHtml.”</div></div>”;

    $avia_config = true;

    }

    ?>

    I also tried changing both div class mentions to six units

    <div class=”six units alpha blog-meta meta-color”>

    echo “<div class=’six units’>”;

    I have also tried the following in custom.css but have not been able to make any impression

    li.featured img { width: 50%; height: 50%; }

    and

    slideshow_container { max-width: 480px; max-height: 726px; }

    I have portfolio items with images of 480 x 726 that display on a ‘gallery’ page, but when opened into the portfolio single page the image is too magnified and is blurred. I would like to control the size of the image in the portfolio single page.

    I would be grateful if you would shed a little more light on this

    Tim

    #91970

    Hi Tim,

    If you can take a screenshot or link us to the page we might be of more help. As for controlling the image size on the portfolio page, its really built around have the big images at the top.

    You may be better off just removing the slideshow from the single portfolio view and adding in the images you want in the display and size you want to the visual editor for that item.

    Regards,

    Devin

    #91971

    Hi,

    I am assuming this is in reference to Propulsion v 1.7 ? Please check your style.css file to find out what version you are using, and if its not the current one , please go to Theme Forest , login with the account you’ve purchased the theme and update. All customizations will be overwritten by the update so make sure you make a backup of the current theme files.

    In the future please use a child theme, This way when you make customizations , you only make them in the child theme folder thereby allowing you to update your theme without overwriting any of your customizations.

    —-

    The modification below should make your single portfolio page look like this http://i.imgur.com/nHsUG.png from the way it currently looks ( http://www.kriesi.at/themes/propulsion/portfolio-item/lorem-ipsum/ )

    This is the css you need, though you can change it, Image occupies 35% of the left half. You can switch them to make the image larger than the text on the right. Please add it to your quick css in the backend Propulsion > Theme Options > Styles or to your custom.css file

    #top.single-portfolio .container .three.units {width: 35%}
    #top.single-portfolio .container .nine.units {width: 60%}

    Now the php changes :

    1) In functions.php you will have to create a new custom size for the slider image for this page so paste the code below on line 46

    $avia_config['imgSize']['new_portfolio_left'] = array('width'=>400, 'height'=>9999, 'crop'=>false);	// custom portoflio item page left image

    2) Now in loop-portfolio-single.php, change line 16 so that it looks like this (it currently looks almost identical):

    $slider->setImageSize('new_portfolio_left');

    3) in same file (loop-portfolio-single.php) change line 30 which looks like

    echo "<div class='container_wrap' id='slideshow_big'><div class='container'>".$slideHtml."</div></div>";

    to look like

    echo $slideHtml;

    4) Now cut (ctrl-x) line 23-33 which looks like

    <?php

    //call the function that displays featured images and slideshows within posts
    if($slideHtml)
    {
    echo $slideHtml;
    $avia_config['slider_first_post_active'] = true;
    }
    ?>

    and paste all of it right after line 29 (it used to be line 39 before we cut that chunk of code in previous step) , but in any case paste it right after the line which looks like:

    <?php echo "<h1 class='post-title portfolio-single-post-title'>".get_the_title()."</h1>"; ?>

    so that your end result after you pasted the code would look like :

    <div class="three units alpha blog-meta meta-color">
    <?php echo "<h1 class='post-title portfolio-single-post-title'>".get_the_title()."</h1>"; ?>
    <?php

    //call the function that displays featured images and slideshows within posts

    if($slideHtml)
    {
    echo $slideHtml;
    $avia_config['slider_first_post_active'] = true;
    }
    ?>
    <div class='portfolio-inner-meta extralight-border'>

    *the first two lines and the last line above were there before you pasted anything.

    I think that’s it. Though I didn’t test it, it should work fine. I played around in firebug and that is the simplest way to do it. Just make sure you take those extra div’s off in step 3 or it will not look right. You will also need to regenerate your thumbnails since we added an extra image size for which you can use this plugin http://wordpress.org/extend/plugins/regenerate-thumbnails/

    Thanks,

    Nick

    #91972

    Wow

    Thanks for such a thorough answer

    It’s going to me a little time to follow all of that. I’ll write here to let everyone know how I got on

    Thanks Nick

    Tim

    ps I’m working on http://www.emilyzhukov.com

    #91973

    Hi!

    I’ll soft close this thread now.

    Best regards,

    Peter

    #91974

    Thanks Peter

    I finally got round to doing this and it has works fine.

    I ended up moving the get title to just inside the ‘six units’ which looked better visually.

    I found the echo “<div class=’container_wrap’ id=’slideshow_big’><div class=’container’>”.$slideHtml.”</div></div>”;

    down on line 67 I think, no at line 30 anyway.

    Thanks again, I learnt a lot

    Tim

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Controlling Portfolio Single Entries’ is closed to new replies.