WordPress.org

Ready to get started?Download WordPress

Forums

Page-list
[resolved] What changed in 4.1 (pagelist thumbnails)? (9 posts)

  1. telwp
    Member
    Posted 1 year ago #

    I updated to 4.1 when it was first released and ran into problems, I have a page of image thumbnails that uses the pagelist_ext shortcode to show a '5 thumbnails per row' grid.

    After updating, the layout was messed up, from memory I had 2 rows of 5 thumbnails, then a row of 4 with an empty space where the 5th thumb should be. The thumbnail resizing also seemed to have been affected as some of the images were no longer 'crisp'.

    I went back to v4.0 within 30 minutes, I like to keep things uptodate so I'm asking.. what are the exact changes in 4.1 - is it a big modification and why was it necessary?

    If I can't use 4.1 I doubt I can use anything after that either, disappointing!

    WP 3.4.2, TwentyTen.

    http://wordpress.org/extend/plugins/page-list/

  2. Joe Banks
    Member
    Posted 1 year ago #

    +1 :)

    "Change the type of output the image thumbnail in [pagelist_ext] shortcode"

    What changed, kind sir?

  3. webvitaly
    Member
    Plugin Author

    Posted 1 year ago #

    Hello telwp and Joe Banks.

    Here is the diff between 4.0 and 4.1 Pagelist versions.

    The main change happens near the line 333.

    I replaced get_the_post_thumbnail() function with wp_get_attachment_image_src() to get the source of the image and create correct html for image with width param.

    In version 4.0 if you set the [pagelist_ext image_width="80" image_height="80"] image still will have the size of the smallest thumbnail (for example 150x150).

    In version 4.1 shortcode [pagelist_ext image_width="80" image_height="80"] will produce the img html with width param and image will have correct width visually (but it still will have the image with closest size as it was before, for example 150x150).

    So the difference: in version 4.1 only param width was added to image html and image_width=50 by default.

    Please post the link to the page with problems and I will try to help and solve this problem.

  4. webvitaly
    Member
    Plugin Author

    Posted 1 year ago #

    I think I should set the defaults for image_width="150" image_height="150" as it is set in media section for thumbnails.
    I think this should solve the problem.

  5. telwp
    Member
    Posted 1 year ago #

    I just reinstalled it to find exactly what it does to my images. As you say only the img tag output changes, this is what's happening:

    v4.0 (as I want it)
    screengrab: http://i.imgur.com/dVrtJ90.png
    code for each img:
    <img width="114" height="76" src="http://www.xyz.co.uk/c/uploads/logo-125x83.jpg" class="attachment-114x76 wp-post-image" alt="XYZ Logo" title="XYZ" />

    v4.1 (after update)
    screengrab: http://imgur.com/U4VAoeJ
    code for each img:
    `<img src="http://www.xyz.co.uk/c/uploads/logo-125x83.jpg" width="114" alt="ABC Title" />'

    As you can see, for some reason the layout goes wobbly and some of the image borders become faint/distorted.

    I really like the cleaner use of alt in 4.1 over the original alt & title though.

  6. webvitaly
    Member
    Plugin Author

    Posted 1 year ago #

    @telwp: Thank you for good explanation. I would recommend to add this css to your theme style.css file:

    .page-list-ext-item {
    	width: 114px;
    	height: 76px;
    	overflow: hidden;
    }
    .page-list-ext-item img {
    	max-width: 114px;
    	max-height: 76px;
    }

    I hope you understand the idea. Change the dimensions according to your needs. Please write me back if it helped.
    This is temporary solution and I will think on weekend how to solve this problem more universally in next release.

  7. telwp
    Member
    Posted 1 year ago #

    @webvitaly, thanks, you pushed it in the right direction.

    I used this to replicate my original layout and it's fixed the weird layout issue (it also seems that the faint border issue is on Firefox only):

    .page-list-ext-item {
      float:left;
      display:inline;
      width: 114px;
      height: 76px;
      overflow: hidden;
      margin:15px 15px 0 0;
    }
    .page-list-ext-item img {
      max-width: 114px;
      max-height: 76px;
    }

    For me, this is resolved. Excellent work, thanks for the quick support.

    /now happily using 4.1!

  8. webvitaly
    Member
    Plugin Author

    Posted 1 year ago #

    I updated Pagelist plugin to version 4.2.

    Changes:

    • fix in css styles (clearfix added to .page-list-ext)
    • made default image size 150x150 like default thumbnail size (it is more intuitive by default)

    Please write me back if after update you will have some troubles and I will try to help.

  9. telwp
    Member
    Posted 1 year ago #

    Thanks webvitaly, it's all working great here.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.