If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

OpenCart 2.x. How to manage image dimensions

This video tutorial shows how to manage image dimensions in OpenCart 2.x.

OpenCart 2.x. How to manage image dimensions

The tutorial assumes you have already logged into your OpenCart admin panel.

Now, let’s learn how to manage image dimensions in your store.

  1. Click the System->Settings tab. You will see the following screen:

    OpenCart_2_x_How_to_manage_image_dimensions_1

  2. Click "Edit" button on the right hand side next to your store’s name.

  3. Now, click the "Image" tab on the appeared screen.

  4. Choose the image type you would like to change dimensions of, e.g. Product Image List Size. It allows you to change the product image dimensions in a listing view:

    OpenCart_2_x_How_to_manage_image_dimensions_2

  5. Change dimensions to desired ones by editing 220 and 220 values (width and height respectively). Click "Save" button in the top right corner of your admin screen to save changes.

Now, let’s check the store front to see the changes.

Open any category of your store and look at the product images – dimensions have been successfully changed. This is the end of the tutorial, you have learned how to manage image dimensions in OpenCart templates.

Feel free to check the detailed video tutorial below:

OpenCart 2.x. How to manage image dimensions