[Alex Quinn]

Hi,

The answer to this might be “use a different template”, but I’m hoping not!

I like the layout of Excerpt Plus but I don’t need the show/hide function. How do I have all the information displayed by default?

Thanks!

[Steven Zahm]

@ Alex

This is possible but requires editing the excerpt-plus.js file. Open it and remove this:

// As the page is rendered the excerpt is hidden via the CSS style. Hide the details and show the excerpt.
$('.cn-hide').css('display', 'none');
$('.cn-excerpt').css('display', 'block');

$('h3.cn-accordion-item,span.cn-show-more').click( function() {
    var $this = $(this);
    var uuid = $this.attr('data-uuid');

    if ( $( '#cn-detail-' + uuid ).css('display') == 'block' ) {

        // Hide detail; show excerpt.
        $( '#cn-detail-' + uuid ).slideUp( 1000, function() {
            $( '#cn-excerpt-' + uuid ).fadeIn(1000);
            $( '#cn-toggle-' + uuid ).toggleClass('cn-open');
        });

    } else {

        // Hide excerpt; show detail.
        $( '#cn-excerpt-' + uuid ).fadeOut( 1000, function() {
            $( '#cn-detail-' + uuid ).slideDown(1000);
            $( '#cn-toggle-' + uuid ).toggleClass('cn-open');
        });
    }

});

Instead of overwriting the original file, drop it in this folder (you’ll have to create it):

../wp-content/uploads/connections-templates/excerpt-plus/

Name the file as: excerpt-plus.min.js

Hope that helps!

[Alex Quinn]

Great stuff, thank you, will give it a go.

In reality, all I need is to add pagination to the default template. Is that easy to do with code from Excerpt Plus or would it be better to modify the layout of the EP template?

The main problem is that the logos I am displaying looked fine in the default template but are cropped in EP.

[Steven Zahm]

@ Alex

You could add the pagination code from EP to the default template. They are both setup a little differently, but if you know PHP it should not be too difficult to add the code from one to the other.

[Alex Quinn]

Actually, it might just be easier to solve the logo issue. I haven’t changed any of the logo settings but they are now bring cropped because the width is now set to 100 instead of 225px.

Is there any easy way to change this as I can’t find it in the css and don’t want the template to ignore the main image settings?

[Steven Zahm]

@ Alex

Excerpt Plus forces the logo size so the layout is not broken. The size can be changed in the card.php file found here:

../wp-content/uploads/connections-templates/excerpt-plus/

After you do, you will have to adjust the CSS to account for the larger logo size.

Alternatively, you can change the default crop mode like so:

Install the Code Snippet plugin.

Add a new snippet with the following code:

function cn_image_crop_mode_2( $atts ) {

    $atts['zc'] = 2;

    return $atts;
}
add_filter( 'cn_output_default_atts_image', 'cn_image_crop_mode_2' );

Save and activate the new snippet.

Hope that helps!

[Alex Quinn]

I’ve just edited the card.php file and the image size has changed, but still displays a cropped image. It seems that the issue is with the way the image is cropped rather than the size of the element on the page.

When I load up the page and then view the image in isolation on another tab, the image is cropped. So it won’t matter how big or small I make it, it will still be cropped.

[Steven Zahm]

@ Alex

To change the default crop mode, use the filter I gave in my last reply or change this in the card.php:

$entry->getImage( array(
    'image'    => $atts['image'],
    'height'   => 120,
    'width'    => 100,
    'fallback' => array(
        'type'     => $atts['image_fallback'],
        'string'   => $atts['str_image']
        )
    )
);

to this:

$entry->getImage( array(
    'image'    => $atts['image'],
    'height'   => 120,
    'width'    => 100,
    'zc'       => 2,
    'fallback' => array(
        'type'     => $atts['image_fallback'],
        'string'   => $atts['str_image']
        )
    )
);

You could also use crop mode 3 if you wish.

Hope that helps.

[Author]

Posts