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 KadivarCommented Feb 7, 2019 at 5:07
-
There is no code for this slider. This slider is part of the theme settings.– ZoyaCommented Feb 7, 2019 at 5:09
-
please check the phtml file or widget code to call the related product slider.– HIren KadivarCommented Feb 7, 2019 at 5:10
-
@haya have you checked the Ultimo theme magento user guide– Muhammad HashamCommented Feb 7, 2019 at 5:15
-
@Haya Please share your related slider code, so I will guide you how to update height width.– Aasim GoriyaCommented Feb 7, 2019 at 5:29
|
Show 1 more comment
2 Answers
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.
-
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?– ZoyaCommented Feb 7, 2019 at 5:18
-
try to change width and height in image id = items_grid_thumbnails_s. Commented Feb 7, 2019 at 5:46
-
I just changed items_grid_thumbnails_s and related_products_list. There seems to be no effect on the frontend– ZoyaCommented Feb 7, 2019 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. Commented Feb 7, 2019 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.– ZoyaCommented Feb 7, 2019 at 6:17
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
-
I already did that. And ran resize command that took almost like 1 hour. Cleared cache. But no change in the frontend.– ZoyaCommented Feb 7, 2019 at 7:44
-
can you let us know how are you calling the images? Check the image dimension. Commented Feb 7, 2019 at 11:19
-
check this magento.stackexchange.com/questions/158251/… Commented Feb 7, 2019 at 11:20