I am using Ultimo theme. Does anyone know how to increase the related products slider image size on the product page in magento 2?
Asked
Active
Viewed 1,469 times
3
-
please update your related product slider code. – HIren Kadivar Feb 07 '19 at 05:07
-
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 have you checked the Ultimo theme magento user guide – Muhammad Hasham Feb 07 '19 at 05:15
-
@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
2 Answers
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.
mohit vamja
- 607
- 2
- 9
Satish Dubariya
- 930
- 5
- 16
-
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
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
Satish Dubariya
- 930
- 5
- 16
Rakesh Gangani
- 178
- 2
- 12
-
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