Magento 2 – Cambiar tamaño de las imágenes

Una vez creamos los produtos en Magento 2, o los importamos en lote, al ver cómo queda la tienda, vemos que las imágenes no quedan bien y el motivo es el tamaño.

Una cosa es el tamaño en el que se suben las imágenes, otra muy diferente, es el tamaño a la que se muestran. Como podréis imaginar, el tamaño en el que se muestre depende de la sección vista, o dicho de otro modo, de la configuración de la plantilla.

Las plantillas disponen de una carpeta llamada /etc/. En ella hay el fichero view.xml donde se especifica el tamaño en el que deben mostrarse las imágenes en cada uno de los apartados (listas, productos, carrito…). Veamos un ejemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!--?xml version="1.0"?-->
<view xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:nonamespaceschemalocation="urn:magento:framework:Config/etc/view.xsd">
    <media>
        <images module="Magento_Catalog">
            <img id="bundled_product_customization_page" type="thumbnail">
                <width>140</width>
                <height>140</height>
 
            <img id="cart_cross_sell_products" type="thumbnail">
                <width>200</width>
                <height>248</height>
 
            <img id="cart_page_product_thumbnail" type="small_image">
                <width>70</width>
                <height>94</height>
 
            <img id="category_page_grid" type="small_image">
                <width>270</width>
                <height>270</height>
 
            <img id="category_page_grid-1" type="thumbnail">
                <width>270</width>
                <height>270</height>
 
        </images>
        [...]
    </media>
    [...]
</view>

Pues sólo tenéis que averiguar qué imagen es, y cambiar las medidas. Actualizáis la cache y miráis la tienda. Debería haberse actualizado el tamaño de las imágenes.

Lo de siempre: haced copias de seguridad y sólo hacedlo si sabéis qué estáis haciendo.

Tutoriales Magento 2

Información relacionada

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*