How i can change the size of thumbs?

artur-orlov

Jun 19th, 2017 06:13 PM

  1. How i can change the size of thumbs home page and product page?

Home page: https://monosnap.com/file/rXr9APSeHdVfwqUn6j1uWwcyzqi7RB Product page: https://monosnap.com/file/0RjpKLNjTU7LJvftWDxyGTNX3rXX3R

  1. And how can I do to the pictures were for Retina displays?

Thank you.

devdojo

Jun 26th, 2017 10:16 PM

Right now, you can do this in the admin.

If you visit the Tools -> Database and then click on 'Edit Bread' for products. Scroll down to the image field and to the very right you will see some advanced details in JSON format that looks like this:

{
    "resize": {
        "width": "700",
        "height": "null"
    },
    "quality": "70%",
    "upsize": true,
    "thumbnails": [
        {
            "name": "cropped",
            "crop": {
                "width": "600",
                "height": "500"
            }
        }
    ]
}

You can change the width and height above inside of the crop key, and that will be the new size that product thumbnails will have :)

Let me know if that makes sense.

Thanks.

learnthe-new

Mar 20th, 2019 08:59 AM

Hi, follow the @devdojo code.