Thumbnail Size in Result Layout

[uxlove]

Hi there,

I am implementing a website for a client using the Ajax Search Pro plugin. I really love the flexibility of ASP but one thing I could not figure out: When using the Vertical Layout for showing result previews there are little thumbnails for each result. This is great but I recognized that the plugin is loading the full images instead of using the auto-generated thumbnails WP is generating when uploading images to the media library. This results in a lot of data to be transmitted and – depending on internet connection – quite long loading times for the result list. So I am wondering if there is a way of not loading the full images but instead using a smaller image size WP provides.

Would be great to be able to optimize this a little bit.

Cheers
Jeremias

• This topic was modified 3 years, 4 months ago by .

[uxlove]

Here is the code snippet where ASP is loading the full-size image for showing a result thumbnail:

<div class="asp_image" data-src="https://spieleratgeber.uxlove.de/wp-content/uploads/2022/11/dummy_hauptbild-1.png" style="background-image: url(&quot;https://spieleratgeber.uxlove.de/wp-content/uploads/2022/11/dummy_hauptbild-1.png&quot;);">
                        <div class="void"></div>
                    </div>

[Ernest Marcinko]

Hi,

Thank you very much for the details, it helps us a lot.

You can change the source image size under the Search Sources -> Image options panel: https://i.imgur.com/nFysco2.png
By default this image should be resized to a cached version, so additional you can check if the image cropping is also enabled here. In most cases this is not needed, if the thumbnail sizes are sufficiently small.

[uxlove]

Hi Ernest,

thanks a lot for this information, that’s very easy and helped me a lot. The ASP plugin is so feature-rich that I missed this option when searching through the tabs, sorry for that.

Best,
Jeremias

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts