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

Magento 2 – Añadir Url Canonical a las págin... Al igual que vimos cómo añadir Canonical a las categorías y productos en Magento 2, ahora vamos a ver cómo hacerlo en las páginas estáticas. P...
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 – Traducir a Español Si instalas Magento2, y hablo de la versión Community, normalmente se instala con el panel y la tienda en inglés. Qué debemos hacer para ponerlo en es...
Magento 2 – Ejecutar comandos consola en loc... Como es lógico, muchos de nosotros trabajamos en local antes de subir Magento 2 al servidor de producción. Esto hace que muchas veces nos encontremos ...

Deja un comentario

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

*