How to increase related products slider image size?

Question

I am using Ultimo theme. Does anyone know how to increase the related products slider image size on the product page in magento 2?

There is no code for this slider. This slider is part of the theme settings. — Zoya, Feb 07 '19 at 05:09
please check the phtml file or widget code to call the related product slider. — HIren Kadivar, Feb 07 '19 at 05:10
@Haya Please share your related slider code, so I will guide you how to update height width. — Aasim Goriya, Feb 07 '19 at 05:29
use custom css (it's not recommended but it's the most easiest way to do what you want) — fmsthird, Feb 07 '19 at 05:41

score 3 · Answer 1 · edited Feb 07 '19 at 05:24

3

You can change product image size from here:

app/design/frontend/Infortis/ultimo/etc/view.xml

As per default Magento You can edit following code to change image size for Related Products in your view.xml

<image id="related_products_list" type="small_image">
      <width>340</width>
      <height>450</height>
</image>

Find image id which is used for Related Products image.

Please don't forget to clear cache after change.

edited Feb 07 '19 at 05:24

mohit vamja

answered Feb 07 '19 at 05:13

Satish Dubariya

How can I find the image ID? I already changed the size for image ID related_products_list in view.xml. But I don't see any changes in the frontend? – Zoya Feb 07 '19 at 05:18
try to change width and height in image id = items_grid_thumbnails_s. – Satish Dubariya Feb 07 '19 at 05:46
I just changed items_grid_thumbnails_s and related_products_list. There seems to be no effect on the frontend – Zoya Feb 07 '19 at 06:09
you can echo $imageTypeId before your image tag in your template to find image id or you can create new image id and use that in your template. – Satish Dubariya Feb 07 '19 at 06:12
Dimension of existing image size in frontend is 140 x 193. So I went ahead and changed all instances of that in view.xml to 183 x 252. But still nothing changes in the frontend. Any clue? I have disabled the cache and it is developer mode. Removed temp files. Did everything possible. – Zoya Feb 07 '19 at 06:17
create new image id and use that image for related case in your template. getImageUrl($_item,'new_image_id', $imgWidth, $imgHeight); ?> – Satish Dubariya Feb 07 '19 at 06:21

score 0 · Answer 2 · edited Feb 07 '19 at 08:33

0

Add below code to view.xml file of your theme.

<image id="related_products_list" type="small_image">
    <width>340</width>
    <height>450</height>
</image>

And run below command from terminal:

php bin/magento catalog:images:resize

edited Feb 07 '19 at 08:33

Satish Dubariya

answered Feb 07 '19 at 07:14

Rakesh Gangani

I already did that. And ran resize command that took almost like 1 hour. Cleared cache. But no change in the frontend. – Zoya Feb 07 '19 at 07:44
can you let us know how are you calling the images? Check the image dimension. – Rakesh Gangani Feb 07 '19 at 11:19
check this https://magento.stackexchange.com/questions/158251/set-product-image-size?rq=1 – Rakesh Gangani Feb 07 '19 at 11:20

2 Answers2