cancel
Showing results for 
Search instead for 
Did you mean: 

Change Catalog Image size

SOLVED

Change Catalog Image size

Hello, i want to change Catalog product image size in the Single product page. When i inspect element i show this above code: 

 

<div class="fotorama__stage" data-fotorama-stage="fotorama__stage" style="width: 673px; height: 538px;"><div class="fotorama__fullscreen-icon" data-gallery-role="fotorama__fullscreen-icon" tabindex="0" aria-label="Exit fullscreen" role="button"></div>
<div class="fotorama__arr fotorama__arr--prev" tabindex="0" role="button" aria-label="Previos" data-gallery-role="arrow">
<div class="fotorama__arr__arr"></div>
</div>
<div class="fotorama__stage__shaft fotorama__grab" tabindex="0" data-gallery-role="stage-shaft" style="width: 673px; margin-left: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
<div class="fotorama__stage__frame fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img fotorama__active" aria-hidden="false" style="left: 0px;" data-active="true" href="https://www.jindeal.com/pub/media/catalog/product/cache/image/700x560/e9c3970ab036de70892d86c6d221ab... src="https://www.jindeal.com/pub/media/catalog/product/cache/image/700x560/e9c3970ab036de70892d86c6d221ab..." class="fotorama__img" aria-hidden="false"></div><div class="fotorama__stage__frame fotorama_horizontal_ratio fotorama__loaded fotorama__loaded--img" aria-hidden="true" data-active="false" style="left: -675px;" href="https://www.jindeal.com/pub/media/catalog/product/cache/image/700x560/e9c3970ab036de70892d86c6d221ab... src="https://www.jindeal.com/pub/media/catalog/product/cache/image/700x560/e9c3970ab036de70892d86c6d221ab..." class="fotorama__img" aria-hidden="false"></div></div>
<div class="fotorama__arr fotorama__arr--next fotorama__arr--disabled" tabindex="-1" role="button" aria-label="Next" data-gallery-role="arrow" disabled="disabled">
<div class="fotorama__arr__arr"></div>
</div>
<div class="fotorama__video-close"></div>
<div class="fotorama__zoom-in zoom-in-loaded" data-gallery-role="fotorama__zoom-in" aria-label="Zoom in" role="button" tabindex="0"></div>
<div class="fotorama__zoom-out zoom-out-loaded" data-gallery-role="fotorama__zoom-out" aria-label="Zoom out" role="button" tabindex="0"></div>
<div class="fotorama__spinner"></div>
</div>

 

Now tell me, in which folder i got fotorama code

2 REPLIES

Re: Change Catalog Image size

You can change images sizes under:

app/design/frontend/YourThemeVendorName/themename/etc/view.xml

Re: Change Catalog Image size

Hi @hitender_17

 

AKAIK - this is known question , here i am sharing reference link for the same - https://magento.stackexchange.com/questions/122569/how-can-i-change-the-default-product-images-sizes...

 

from the above link you can resize the product image size for the same !

if issue solved,Click Kudos & Accept as Solution