I need to change the size of the images shown in the LIST format, but leaving the GRID format like this.

The first image shows how the page is currently in LIST mode.

The second image shows how I would like the products to be displayed

And the third image shows how the GRID is, I don't want to edit it!

First Image


Second Image


Third Image


I would appreciate your help! Thanks!


open your themes "view.xml file ( can be found in Company/Theme-Name/etc/ folder of your themes package ) and find the code below :

<image id="category_page_grid" type="small_image">

here you can change the width and height as per your requirements, this will change image size on category format only.

  • I changed them! But it is not reflected on the page. . . It may be that I have to change the size assigned to the product instead of resizing the photo? – Elet Dec 7 '19 at 19:42
  • @Elet, after that flush cache and generate the static content again. did you try that too ? – Naveed Asim Dec 8 '19 at 0:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.