Cannot modify Image size in Categories

Tried to change the image size in Categories from 80px to 200px ... saved the option but image won't expand any bigger then 116px

2.0.1.1 needs more work .... and all i want to do is set up a website ........ late nights yet again

Iamdbat wrote:Tried to change the image size in Categories from 80px to 200px ... saved the option but image won't expand any bigger then 116px

2.0.1.1 needs more work .... and all i want to do is set up a website ........ late nights yet again

Is your store using the default theme or other?
Maybe your theme causes this problem. Could you provide your site url, so I can take a look at the problem closer?

I'm using the default 2.0.1.1 template

Iamdbat wrote:I'm using the default 2.0.1.1 template

Could you provide your site url, so I can take a look at the problem closer?

Do you have class="img-thumbnail" on the image? Removing the class should solve this for you.

If that doesn't work are you running a multi-store? If so you need to edit the correct store settings, not the parent store as I've just figured out

It seems this error or bug still persists in OC v2.0.3.1

Adjusting the "Category Image Size" under system>settings>store>image> only changes the displayed category image to be smaller than 120px. Adjusting it to be large will not increase visually. But you can save that image by downloading it to your computer and verifying the image size is lager and matches your system settings.

There must be some CSS stylesheet with a Not sure where it is.

If you go back to OC v1.5.6.4 and earlier, adjusting "Category Image Size" under system>settings>store>image> does alter the displayed image correctly.

http://goo.gl/nvPFek

Setup:
OpenCart v2.0.3.1
Default Theme
Single Store

Its down to it being inside a col-sm-2 and being a responsive image. so it resizes it to fit the width of the column.

to make it bigger you would need to change the template and give it more room while making the next column which houses the text description smaller but still making them add up to twelve.

ie col-sm-3 and col-sm-9 or col-sm-4 and col-sm-8

read more about bootstrap 3 grid system for more details.

Paul

Looks Like I have resolved my issue with the sizing of the main category image, thanks to the help of some developers. I am now able to resize the category image to be big or small in system settings.

I am not sure if this is an issue which needs to be corrected in the next version update of OpenCart. I do know this issue didn't exist in the default version of OC v1.5.6.4 and before. It crept in during OC v2

in the following file
catalog/view/theme/default/template/product/category.tpl

Change the column size from 2 to 12 for the grid system of bootstrap

Find: Change to: You can learn about the grid system of the Twitter Bootstrap at http://getbootstrap.com/css/#grid

Thank you to Kyo CuisPi over at Multiple Featured Module Pro for leading me in the right direction.
http://goo.gl/YL4npw

I hope this helps others.

raymanj wrote:
Thank you to Kyo CuisPi over at Multiple Featured Module Pro for leading me in the right direction.
http://goo.gl/YL4npw

I hope this helps others.

Or you could have read what i put above

What your code does is make a 12 column wide container for just the image to sit it? and then the description text is forced to go underneath using 10 columns.. This is NOT correct and will look odd.

If your wanting a full width image, then at the very least you should also edit the column width for the description text to also be 12 columns so it can take the full width also.

Depending on the actual size of your category image, you would have been better off with my solution above and splitting the image and text between 12 columns. so that your text can sit by the side of your image thus taking up less vertical space which is always a good thing.

Sorry Paul - Kenberne1965, yes you did provide the same information which helped me also.

In regards to the description placement for the category image. You are correct. The description column is left out in my code. My goal is to be able to edit the image size in system>settings>store>image> "Category Image Size" without having to recode every time. I assumed the original coder of OpenCart wanted this too. That is why they are providing an option to adjust the size in the store settings.

Now to fix the column size and placement for the category description, ideally I would have some type if statement to look for the size of the image and adjust the columns for the image and description for proper placement. This way it would satisfy more users.
Paul, if you have some ideas how to properly code this, would be most helpful.

Sorry but I don't really see the point, A professional design (theme) will have an ideal image size set in the admin images section. I think a site that would have different image sizes for its category's would look rather unprofessional and amateurish.

I don't want to sound harsh, but I work with Opencart every day and this is not an issue.

Paul

I don't want to sound harsh, but I work with Opencart every day and this is not an issue.

There is no need to worry about being harsh. It is never harsh if you truly express your ideas and viewpoint.

Regarding the Category Image sizing. I was not trying to have different sizes for each category page. I was trying to correct an option in system>settings>store>image "Category Image Size" which currently allows anyone using the default template to change the image size. It can be a small image 120x90px or it can be big 680x200px.

There is no size restriction stated for the "Category Image Size" . If there is, an alert or error should popup on a save when a size bigger than 120px is entered. But none does.

My reasoning for all this is based on OpenCart v1.5.6.4 and earlier. Those versions behave exactly what I have explained above.

If I am in error that the new OC v2 was designed purposely to behave differently , then no worries. But the steps are recorded for others who would like it differently.

Hey Buddy,

It all comes down to opencart 2 using bootstrap out the box to give responsive websites, but 1.5.x etc.. was just plain old HTML unless you upgraded to a responsive them, and then it was just down to how they implemented it.

personally I dont use category images and remove that column, I prefer to code any images into the description text area, in whatever layout i see fit for that category, giving me full control, but these are websites I edit on behalf of companies, If i was coding a site that was to be edited by the retailer, then id have to fall back to the default method, but id just find out what size image they wanted to use, and set the columns to the necessary size and set image size accordingly.

Paul

Just, to use a still very popular Example, Windows 8, where MS tried to convince Users, to switch to a new way, of doing it, just, because, it was a new way of doing it.

As in OC2, for those, fully uninterested in Bootstrap, Responsiveness, and other Crab (for them, at least!), why not just adding a Plain, old, attractive Standard-Layout, fixed to the most popular 1024x768 px 980px.MaxWidth Resolution, and then, let the USERS decide, and switch to wichever, and so stay with, what does BEST, for their individual Purpose, instead of creating a lot of Problems, for a lot of Users, for no good reason at all.

Just to mention it, from my personal point of view.
Ernie

Chalk and Cheese

Personally as a web developer i welcomed the move to bootstrap but then i use bootstrap for 95% of my work. It would be good if somebody made an alternative to the default theme, made with say foundation, or susy.

but I do think the days of making a full size static width website have gone.

I agree with windows 8, I think MS saw the current trend of APPs on mobiles etc.. and thought they could tap into that with windows, only to fail miserably because their implementation of it was so awful it hurt! but thats another story.

I work with windows 7, and my laptop which came with widows 8, was quickly upgraded to linux mint.

Paul

Just to make it clear, I have nothing against any technology, whatsoever, I am just voting/fighting always for 'PRO CHOICE', whenever possible. In addition, I am familiar with the professional User Scene, where BUYERS usually sit behind a PC, in an Office, ordering Goods, according internal Standards, by Use of Business PC's, sitting on their Desks. And Masses of such Peoples are not even Computer-Freaks, neither do they like to use their Smartphones, for more complicated 'things', related to/with money, eventually beeing held responsible, if something like this would go wrong...
Opencart is used in/for Business Applications, as well, not only for the retail Market...

Therefore, Web-Programmers have to be careful, not to push too hard, the young Kid's may like it, but the older Kid's are the one's with the most Money in the Pocket, and who ignores that, ignores the Facts. The Fact, that still only a 1-Figure percentage of BUYERS order Hardware Goods, not Burgers and Coke, or Tickets, by Smartphones. Despite of the Fact, that just about everybody has one..., and in the developped Countries, at least, those with Money all have 1024 px width by default, in the wide-position, already.

That's, what I meant. And in the future, with 4K Screens, it will be impossible anyway, to match anything. It's like blowing up a Picasso, to match a Great Big Wall, sizewise. But a nice lovely Painting does not need to be full Size, in order to impress, in contrary, a beautyfull 800x600px View Sized Shop could even look better, for some Business-Types. Much better, surrounded by a matching full size Background, regardless of setting, possibly even containing some information, or images, when screensizes get bigger than 'whatever...'. I did something like this believed ~15 Years ago, already, to match Pages from 640x480px up to..., I never tested how far!!

Leaving Choices just means, in general, to be able to serve, and satisfy, a wider range of Peoples. And that's, what Business is all about, as I look at it.

You all have a great week!
Ernie (XP-Freak, called MPos today, as long as we stay updated! )

you've got to move with the times, google are now penalizing sites that are not mobile friendly for example.

Hi

I am also trying to make my category images (and product page main image) bigger and have tried the fixes given here, but none of them work for me! My images just won't get any bigger that the default size. Does anyone have any suggestions on what else to try please?

I have OC 2.0.1.1