Una solución rápida es esta:
Para efectuar el cambio correctamente deberias ir a -Editar Código → Ir a la carpeta Assets y aqui hay dos formas de hacerlo:
Forma correcta:
Buscar en el archivo theme.scss (usa el comando control+F para buscar la palabra dentro del archivo) la palabra .product__photo-wrapper img y debes añadirle esto:
scale: 1.4; */ puedes cambiar el valor del scale 1 seria el tamaño que tienes ahora y 2 por ejemplo seria el soble de tamaño, 1.5 seria hacerlo un 50% mas grande */
overflow: hidden;
Este seria el resultado final:
.product__photo-wrapper img {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
scale: 1.4;
overflow: hidden;
}
El otro modo no el mas correcto pero si mas fácil seria pegar simplemente esto al final del código del archivo theme.scss o app.css
.product__photo-wrapper img {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
scale: 1.4 !important;
overflow: hidden !important;
}
El resultado final no es el mejor que se pueda esperar, pero para hacerlo mejor necesitaria el codigo original ya que no esta limitado solo en estilo css, si no que el html esta forzando el tamaño de la imagen.
Espero haberte servido de ayuda, siento no haber podido contestar antes, por desgracia no estoy muy activo en el foro, puedes contactar conmigo a traves de este correo electrónico: