Thumbnail size for mobile view in product listing

Hi,

No. There is no option for that.
However, I can see that you already have the thumbnails automatically scaled down by the browser based on the width available.
I can also see that you already have webp images for mobile devices, which should also help the loading as the size of the files is divided by 4:
/images/com_hikashop/upload/thumbnails/600x400f/lotus-threads-24138-bridal-gown-01.jpg
/images/com_hikashop/upload/thumbnails/600x400f/lotus-threads-24138-bridal-gown-01.webp
i.imgur.com/UgTIVAW.png
So you actually already have specific thumbnails for mobile devices. It's just that they are still 600*400 but in the webp format, which is smaller.

Now, if you really want to do it, you can edit the product / listing_img_title view file via the menu Display>Views, and modify the PHP and HTML there to include several source tags with different min/max width media and the corresponding srcset:
developer.mozilla.org/en-US/docs/Learn/H...images#art_direction
But I think you won't gain much from doing this. A 12kB thumbnail is already small enough.

Hi,

I don't see the min-width in the first "source" tag on your website:
i.imgur.com/HvHMGOa.png
Also, on the max-width source tag, the type is image/webp even though you're using the jpg thumbnail.
Also, The third source tag doesn't have any min/max-width so it can be used by browsers without any restriction. You might want to remove it.
Ideally, you want one source tag with the min-width, and one with the max-width and that's it.

Hi,

Like that for example:

<source media="(max-width: 799px)" srcset="'.JURI::root().'images/com_hikashop/upload/300x200f/'.str_replace('.jpg', '.webp',@$this->row->file_path).'" type="image/webp">