Cách thay đổi kích thước hình ảnh sản phẩm mặc định trong Magento 2

Đối với một trang thương mại điện tử, hình ảnh đóng một vai trò vô cùng quan trọng. Nên các chủ cửa hàng cần đảm bảo chất lượng hình ảnh, kích thước phù hợp trên trang bán hàng, để giúp khách hàng có được cái nhìn trực quan hơn về sản phẩm, tăng trải nghiệm mua sắm. Trong bài viết này mình sẽ hướng dẫn bạn cách thay đổi kích thước hình ảnh sản phẩm mặc định trong Magento 2.

Các bước để thay đổi size hình ảnh sản phẩm mặc định trong Magento 2

Bước 1: Bạn cần đi tới thư mục với đường dẫn:

<thu-muc-theme>/etc/view.xml

Bước 2: Tìm tới thuộc tính sau:

<images module="Magento_Catalog">

Bước 3: Lấy thông tin id hình ảnh và chỉnh sửa các thuộc tính theo đoạn code:

<images module="Magento_Catalog">
    <image id="image_id" type="image_type">
        <width>750</width>
        <height>445</height>
    </image>
</images>

Giá trị của các thuộc tính:

• image: Hình ảnh cơ sở.
• small_image: Hình ảnh nhỏ.
• swatch_image: Hình ảnh Swatch.
• thumbnail: Hình ảnh thu nhỏ.
• swatch_thumb: Swatch thu nhỏ.

Các phần tử hình ảnh (tham số):

• Width: Thay đổi chiều rộng hình ảnh theo pixel. 
• Height: Thay đổi chiều cao hình ảnh tính bằng pixel.

Như vậy là mình đã hướng dẫn xong cách thay đổi kích thước hình ảnh sản phẩm mặc định trong Magento 2.

Cảm ơn bạn đã đọc bài viết.

Xem thêm các bài Hướng dẫn Magento 2.