3

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

6
  • please update your related product slider code. – HIren Kadivar Feb 7 '19 at 5:07
  • There is no code for this slider. This slider is part of the theme settings. – Zoya Feb 7 '19 at 5:09
  • please check the phtml file or widget code to call the related product slider. – HIren Kadivar Feb 7 '19 at 5:10
  • @haya have you checked the Ultimo theme magento user guide – Muhammad Hasham Feb 7 '19 at 5:15
  • @Haya Please share your related slider code, so I will guide you how to update height width. – Aasim Goriya Feb 7 '19 at 5:29
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.

6
  • 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 7 '19 at 5:18
  • try to change width and height in image id = items_grid_thumbnails_s. – Satish Dubariya Feb 7 '19 at 5:46
  • I just changed items_grid_thumbnails_s and related_products_list. There seems to be no effect on the frontend – Zoya Feb 7 '19 at 6: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 7 '19 at 6: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 7 '19 at 6:17
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    
3

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.