What changed in 4.1 (pagelist thumbnails)?

+1 ??

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

What changed, kind sir?

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 150×150).

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 150×150).

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.

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.

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: https://i.imgur.com/dVrtJ90.png
code for each img:
<img width="114" height="76" src="https://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: https://imgur.com/U4VAoeJ
code for each img:
`<img src=”https://www.xyz.co.uk/c/uploads/logo-125×83.jpg&#8221; 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.

@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.

@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!

I updated Pagelist plugin to version 4.2.

Changes:

• fix in css styles (clearfix added to .page-list-ext)
• made default image size 150×150 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.

Thanks webvitaly, it’s all working great here.