Can’t change post archive thumbnails size, causing bigger page loading time

This topic has 5 replies, 2 voices, and was last updated 1 month, 4 weeks ago by Aizaz Imtiaz Awan.

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

Author

Posts
September 25, 2024 at 1:19 pm #600005

dimmisel
Participant

Hello, I use the default WP blog page, NOT a custom page with Elementor.

The thumbnail sizes are hardcoded in your theme’s file content.php to get the ‘large’ size, which is 1024px wide, which is problematic. Some layouts require large images, but some others like a post grid with 3-4 columns require much smaller images.

Loading always the large size forces the browser to download bigger files for no reason, slowing down the blog loading time.

I would appreciate if a filter could be added to let us change the size, like I can do for the single post featured image using the WP native filter ‘post_thumbnail_size’.
PS. I don’t want to create a template override.

Thank you

Attachments:
You must be logged in to view attached files.

September 25, 2024 at 3:32 pm #600079

Aizaz Imtiaz Awan
Keymaster

Hello,

Please navigate to Theme Settings -> Blog -> Blog archive > Blog design > choose “small images”.

Best Regards

September 25, 2024 at 4:06 pm #600096
dimmisel
Participant
I wrote a detailed and well-thought post and I expect a similar answer.

1. Changing the blog design does not change the thumbnail size that is loading in the background. How is it possible that you don’t know that? I also sent you the screenshot of your hardcoded size in the PHP template. Please show this to someone who is a developer.
2. I also don’t want to change my blog design, so this is not a good answer no matter what. I use masonry grid and I don’t want to change it.

Thank you
- This reply was modified 2 months ago by dimmisel.
Attachments:
You must be logged in to view attached files.
September 26, 2024 at 2:43 pm #600413
Aizaz Imtiaz Awan
Keymaster
Hello,

To change the image sizes, you can do this in the WordPress settings: https://monosnap.com/file/NRRXlwcjvVpAzcCc5r6bJAIuWhdjMj

Alternatively, you can add the following code to child theme, which will modify the image size:
```
add_action('woodmart_main_loop', function () {
		if ('post' == get_post_type()) {
			woodmart_set_loop_prop( 'img_size', 'medium' );
		}
	}, 5);
```
Best Regards.
September 26, 2024 at 5:24 pm #600490

dimmisel
Participant

Thank you Aizaz, the solution with the woodmart_set_loop_prop is what I was looking for.

September 27, 2024 at 9:44 am #600598

Aizaz Imtiaz Awan
Keymaster

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.
Author

Posts