Otter_Posts use img size-full instead of size-thumbnail
-
Otter_Posts use img “size-full” instead of “size-thumbnail” or “size-medium” due to column width. On site exists smaller thums (width 300px, 150px).
<img src="___.png" class="attachment-full size-full" alt="" decoding="async" loading="lazy" srcset="___.png 565w ..." sizes="(max-width: 565px) 100vw, 565px" data-wp-pid="150" width="565" height="198">
in future please do
-
Hey @v0van,
You should be able to find the option in the Block Sidebar here that allows you to change size of the images. Make sure your site has generated image sizes already: https://pasteboard.co/DCnn8av8vofS.png
Let us know if it works for you.Otter_Posts__admin_thumb_size.png – https://ibb.co/QDzkr3q
Otter_Posts__orig_size.png – https://ibb.co/LYTZ07n
2 000px × 1 524px (to scale 384px × 293px)
<img src="https://woo.vveb.ws/wp-content/uploads/led_podsvetka_1.jpg" class="attachment-full size-full" alt="" decoding="async" loading="lazy" data-wp-pid="1248">
.
No. this does not work! full size
.
RU:
нет. это не работает! полный размер
- This reply was modified 1 year, 8 months ago by v0van.
I have smaller icons on my site
https:// woo.vveb.ws /wp-admin/options-media.php
Thumbnail size – 150×150
Medium size – 300×300
Large size – 1024×1024
and hidden Medium-Large ??
by?default:
- Thumbnail (150px)
- Medium (300px)
- Medium Large (768px)
- Large (1024px)
- This reply was modified 1 year, 8 months ago by v0van.
Hey @v0van,
In which page is the Block being used if we can take a look?end of page https://woo.vveb.ws/blog_main_post_grid/
Hi @v0van!
I tested this on my instance and the size used for the thumbnail is the one selected in the editor, as expected. Do you have a custom “full” size added on your site?
Thanks!
tested this on my instance and the size used for the thumbnail is the one selected in the editor, as expected.
So somewhere in the code this setting is canceled.
Do you have a custom “full” size added on your site?
https:// woo.vveb.ws /wp-admin/options-media.php
Thumbnail size – 150×150
Medium size – 300×300
Large size – 1024×1024
do you mean these settings?
.
RU:
Я проверил это на своем экземпляре, и размер, используемый для миниатюры, соответствует размеру, выбранному в редакторе, как и ожидалось.
Значит где-то в коде эта настройка отменяется.
На вашем сайте добавлен пользовательский ?полный? размер?
https:// woo.vveb.ws /wp-admin/options-media.php
Thumbnail size – 150×150
Medium size – 300×300
Large size – 1024×1024
вы эти настройки имеете в виду?
I create page with only otter blocks – https://woo.vveb.ws/blocks_otter/
all
class="attachment-full size-full"
Elements
Image
IMAGE SIZE
Thumbnail
I create page with only otter blocks –?https://woo.vveb.ws/blocks_otter/
block 2
<img src="https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505.jpg" class="attachment-full size-full" alt="" decoding="async" loading="lazy" srcset="https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505.jpg 765w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-200x122.jpg 200w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-150x91.jpg 150w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-300x182.jpg 300w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-600x365.jpg 600w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-90x55.jpg 90w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-105x64.jpg 105w" sizes="(max-width: 765px) 100vw, 765px" data-wp-pid="34" width="765" height="465">
.
block 3
<img src="https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-150x91.jpg" class="attachment-thumbnail size-thumbnail" alt="" decoding="async" loading="lazy" srcset="https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-150x91.jpg 150w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-200x122.jpg 200w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-300x182.jpg 300w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-600x365.jpg 600w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-90x55.jpg 90w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-105x64.jpg 105w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505.jpg 765w" sizes="(max-width: 150px) 100vw, 150px" data-wp-pid="34" width="150" height="91">
.
I copied the block with the error to a new page. – block 1
and cloned it – block 2.
in both pictures
class=”attachment-full size-full”
width=”765″ height=”465″ (coal wagons)
.
then I added a new block – block 3 (at the end of the page).
and in it
class=”attachment-thumbnail size-thumbnail”
width=”150″ height=”91″ (coal wagons)
that is, there is an error when copying and cloning, but not when creating a new block. I do not know why.
.RU:
я скопировал блок с ошибкой на новую страницу. – блок 1
и клонировал его – блок 2.
в обоих картинки
class="attachment-full size-full"
width=”765″ height=”465″ (вагоны с углём)
.
затем я добавил новый блок ??– блок 3 (в конце страницы).
и в нём
class=”attachment-thumbnail size-thumbnail”
width=”150″ height=”91″ (вагоны с углём)
то есть при копировании и клонировании ошибка есть, а при создании нового блока – нет. я не знаю почему.
since the “IMAGE SIZE : Thumbnail” setting is saved for all blocks, it can be assumed that on the site page this setting is sometimes taken from the old saved data and not from the latest.
In the last 3rd block I didn’t change any settings other than “IMAGE SIZE : Thumbnail”, “categories” and “sorting”.
In the last 3 block “meta” and “categories” are visible.
Perhaps when changing other settings, something spoils “IMAGE SIZE”.
.
RU:
поскольку настройка “IMAGE SIZE : Thumbnail” сохраняется у всех блоков, можно предположить что на странице сайта эта настройка иногда берётся из старых сохранённых данных а не из последних.
В последнем 3 блоке я не менял никакие настройки кроме “IMAGE SIZE : Thumbnail”, “категории” и “сортировки”.
В последнем 3 блоке видны “мета” и “категории”.
Возможно при изменении других настроек что-то портит ?“IMAGE SIZE”.
- This reply was modified 1 year, 8 months ago by v0van.
Hey @v0van,
I’ve tried a lot and I haven’t been able to reproduce. Would it be possible for you to create a video to show the issue to us?
<img src="https://woo.vveb.ws/wp-content/uploads/selo-tv_842x559.jpg" class="attachment-full size-full" alt="" decoding="async" loading="lazy" data-wp-pid="1357">
<img src="https://woo.vveb.ws/wp-content/uploads/led_podsvetka_1.jpg" class="attachment-full size-full" alt="" decoding="async" loading="lazy" data-wp-pid="1248">
.
There is absolutely nothing to show here. The first block https://woo.vveb.ws/blocks_otter/ has “IMAGE SIZE : Thumbnail” set, but on the site the pictures are full size.
in block 2 the situation is the same.
3 is working fine.
.
RU:
Тут совершенно нечего показывать. У первого блока https://woo.vveb.ws/blocks_otter/ установлено “IMAGE SIZE : Thumbnail”, но на сайте картинки в натуральную величину.
во 2 блоке такая же ситуация.
в 3-м работает нормально.
- This reply was modified 1 year, 7 months ago by v0van.
Hi @v0van,
I also tested all the image size possibilities within the Posts block of Otter and the CSS class “size-full” is not on the front end. Can you temporarily switch the theme to a different one maybe this will help?
I also can’t find any CSS code connected to this class. If you open your website and right-click on Inspect Element, navigate to a post thumbnail within the Posts block and remove that class, there is no change happening.
Regards,
Stefanclass="attachment-full size-full"
means that WP used a large original picture, not an thumb!
.
if WP used thumb, at the end of thumb name exists size ext like “_150x150” – “…1036414505-150×91.jpg” and
class="attachment-thumbnail size-thumbnail"
<img src="https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-150x91.jpg" class="attachment-thumbnail size-thumbnail" alt="" decoding="async" loading="lazy" srcset="https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-150x91.jpg 150w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-200x122.jpg 200w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-300x182.jpg 300w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-600x365.jpg 600w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-90x55.jpg 90w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505-105x64.jpg 105w, https://woo.vveb.ws/wp-content/uploads/2015/07/1036414505.jpg 765w" sizes="(max-width: 150px) 100vw, 150px" data-wp-pid="34" width="150" height="91">
i dont know why wp choose size-thumbnail or size-full ))
- This reply was modified 1 year, 7 months ago by v0van.
Hi @v0van!
As we mentioned before, unfortunately, we can’t replicate this behaviour on our test instances, so there is nothing we can do from our end regarding it because that parameter doesn’t seem to come from Otter. You could try to switch to a default theme like Twenty Twenty and check if the issue persists.
Thanks for understanding!
- The topic ‘Otter_Posts use img size-full instead of size-thumbnail’ is closed to new replies.