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 consola Veamos cuál son las órdenes que debemos utilizar en consola para deshabilitar los módulos en Magento 2 Aquí están las órdenes a aseguir (si está ...
Magento 2 – Actualizar cantidad y stock de p... En ocasiones nos puede interesar actualizar la cantidad y el stock de nuestros productos en Magento 2 directamente en nuestra base de datos con una or...
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...
Magento 2 – Añadir fichero CSS a nuestro mód... Si ya vimos en el anterior artículo cómo añadir ficheros propios de JavaScript en nuestro módulo de Magento2, ahora vamos a ver cómo añadir nuestros p...

Deja un comentario

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

*