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">
            <image id="bundled_product_customization_page" type="thumbnail">
                <width>140</width>
                <height>140</height>
            </image>
            <image id="cart_cross_sell_products" type="thumbnail">
                <width>200</width>
                <height>248</height>
            </image>
            <image id="cart_page_product_thumbnail" type="small_image">
                <width>70</width>
                <height>94</height>
            </image>
            <image id="category_page_grid" type="small_image">
                <width>270</width>
                <height>270</height>
            </image>
            <image id="category_page_grid-1" type="thumbnail">
                <width>270</width>
                <height>270</height>
            </image>
        </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

Artículos relacionados

Deshabilitar módulos en Magento 2 por configuració... Si ya vimos en el artículo anterior cómo deshabilitar un módulo de Magento 2 por consola, ahora veremos cómo hacerlo modificando el fichero de configu...
Magento2 – Aumentar memoria órdenes consola En muchas ocasiones, cuando queremos ejecutar una orden por terminal (SSH) o en consola si trabajamos en local con Magento2, se muestra un error que ...
Magento 2 – Actualizarlo desde consola con c... Hay dos maneras de actualizar Magento2. Una desde el panel, llamada Wizard, que podemos encontrar en System > Tools > Web Setup Wizard donde esc...
Magento2 – Añadir fichero JS a nuestro módul... Cuando estás creando un módulo propio, te puede interesar añadir tus ficheros externos Javascript dentro del módulo. Otras veces puedes añadir el fich...

Deja un comentario

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

*