how to change category image size

how to change category image size

admin->setting->image->Category Image Size change here

thanks for help
but after change still does not working

hmadawy007 wrote:thanks for help
but after change still does not working

Then its programming issue, please check code in catalog/conroller/product/category.php line no 143

any other code to replace with

if ($category_info['image']) {
$data['thumb'] = $this->model_tool_image->resize($category_info['image'], $this->config->get('config_image_category_width'), $this->config->get('config_image_category_height'));
} else {
$data['thumb'] = '';
}

I had this issue myself and have resolved this, this seems to be a CSS issue, go to catalog/view/javascript/bootstrap/css/bootstrap.min.css

If you search for the code below:

.img-thumbnail{
padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto
}

If you comment out or remove "max-width:100%;height:auto" the settings in admin/settings category image size will work. You have to play around with the image sizeing as to get the image to display how i wanted i had to change the image dimension size in setting as you would normally but the image size is different to the image size used to get it to display how i wanted, this however does not display well on the mobile site.

The other option which i am currently using is in the same CSS file, search:
.col-sm-2{
}
and add: margin-bottom:20px;

so it displays:
.col-sm-2{
margin-bottom:20px;
}

This puts the category description below the category image and means you can use a much wider image and this displays correctly on the mobile site

I wrote my own VQmod to replace this whole css file with my own so as not to alter any core files or you can alter the code directly.

I am using opencart version 2.0.1.1

Thank you for your solution. I have removed the height wiidth line so the image resizes correctly but I'm having no luck with the image description which now sits across the top of the correctly sized image. I am using 2.02.

Any help would be appreciated.

Could you provide your site URL, so we can take a look at the problem closers?

The website is currently viewable here:

http://judesemporium.co.uk/index.php?ro ... path=25_32

but I will be putting it into back into maintenance mode later this evening as you can see it is a work in progress.

Ignore the error on the homepage, I am trying to get a %off mod to work on featured/specials/latest as well as the products page.

dbrooksuk wrote:Thank you for your solution. I have removed the height wiidth line so the image resizes correctly but I'm having no luck with the image description which now sits across the top of the correctly sized image. I am using 2.02.

Any help would be appreciated.

Had same problem. Instead of editing the CSS, the solution that worked for me is:

Bootstrap uses a 12 column responsive grid. You can change (widen) the Bootstrap column sizes as follows:

catalog>view>theme>yourtheme>template>product>category.tpl

at about line 21:

original code looks like this:

<div class="col-sm-2"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" title="<?php echo $heading_title; ?>" class="img-thumbnail" /></div>
<?php } ?>
<?php if ($description) { ?>
<div class="col-sm-10"><?php echo $description; ?></div>

change code to this:

<div class="col-sm-3"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" title="<?php echo $heading_title; ?>" class="img-thumbnail" /></div>
<?php } ?>
<?php if ($description) { ?>
<div class="col-sm-9"><?php echo $description; ?></div>

cheers!