Post by Iamdbat » Mon Feb 02, 2015 10:00 am

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

Active Member

Posts

Joined
Sat Jan 28, 2012 7:32 am

Post by viethemes » Mon Feb 02, 2015 10:07 am

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?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by Iamdbat » Mon Feb 02, 2015 6:39 pm

I'm using the default 2.0.1.1 template

Active Member

Posts

Joined
Sat Jan 28, 2012 7:32 am

Post by viethemes » Mon Feb 02, 2015 7:48 pm

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?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by Pobb » Tue May 26, 2015 4:01 pm

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 :crazy: :laugh:

Active Member

Posts

Joined
Tue May 31, 2011 2:35 pm

Post by raymanj » Thu Aug 06, 2015 10:57 am

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

Code: Select all

.image {
    max-width: 120px;
}
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

New member

Posts

Joined
Thu May 13, 2010 9:33 am

Post by Kenberne1965 » Fri Aug 07, 2015 3:34 am

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

Freelance Opencart 1.5.x and 2.x Developer - Available For Hire
Latest Opencart 2 Project --> http://www.falcon-rangecookers.co.uk


User avatar
Active Member

Posts

Joined
Wed Apr 22, 2015 9:37 pm
Location - Doncaster, UK

Post by raymanj » Fri Aug 07, 2015 12:01 pm

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:

Code: Select all

<div class="col-sm-2"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" title="<?php echo $heading_title; ?>" class="img-thumbnail" /></div>
Change to:

Code: Select all

<div class="col-sm-12"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" title="<?php echo $heading_title; ?>" class="img-thumbnail" /></div>
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.

New member

Posts

Joined
Thu May 13, 2010 9:33 am

Post by Kenberne1965 » Fri Aug 07, 2015 7:09 pm

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.

Freelance Opencart 1.5.x and 2.x Developer - Available For Hire
Latest Opencart 2 Project --> http://www.falcon-rangecookers.co.uk


User avatar
Active Member

Posts

Joined
Wed Apr 22, 2015 9:37 pm
Location - Doncaster, UK

Post by raymanj » Fri Aug 07, 2015 11:28 pm

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.

Code: Select all

Example
If image size is greater than 60% then 
change columns sizes so the description is properly placed under the image.
else
place the description to the right of the image with text wrapping.
Paul, if you have some ideas how to properly code this, would be most helpful.

New member

Posts

Joined
Thu May 13, 2010 9:33 am

Post by Kenberne1965 » Sat Aug 08, 2015 1:50 am

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

Freelance Opencart 1.5.x and 2.x Developer - Available For Hire
Latest Opencart 2 Project --> http://www.falcon-rangecookers.co.uk


User avatar
Active Member

Posts

Joined
Wed Apr 22, 2015 9:37 pm
Location - Doncaster, UK

Post by raymanj » Sat Aug 08, 2015 5:42 am

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. :)

New member

Posts

Joined
Thu May 13, 2010 9:33 am

Post by Kenberne1965 » Sun Aug 09, 2015 12:02 am

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

Freelance Opencart 1.5.x and 2.x Developer - Available For Hire
Latest Opencart 2 Project --> http://www.falcon-rangecookers.co.uk


User avatar
Active Member

Posts

Joined
Wed Apr 22, 2015 9:37 pm
Location - Doncaster, UK

Post by IP_CAM » Sun Aug 09, 2015 4:43 am

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

Please don't send me OC Forum Personal Messages, just contact: jti@jacob.ch
---
OC 1.5.6.5 LIGHT Test Site: http://www.bigmax.ch/shop/
OC 1.5.6.5 V-PRO Test Site: http://www.openshop.li/shop/
My Github OC Site: https://github.com/IP-CAM
2'750 FREE OC Extensions on the World's largest Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by Kenberne1965 » Sun Aug 09, 2015 4:31 pm

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

Freelance Opencart 1.5.x and 2.x Developer - Available For Hire
Latest Opencart 2 Project --> http://www.falcon-rangecookers.co.uk


User avatar
Active Member

Posts

Joined
Wed Apr 22, 2015 9:37 pm
Location - Doncaster, UK

Post by IP_CAM » Mon Aug 10, 2015 9:09 am

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! ;D )

Please don't send me OC Forum Personal Messages, just contact: jti@jacob.ch
---
OC 1.5.6.5 LIGHT Test Site: http://www.bigmax.ch/shop/
OC 1.5.6.5 V-PRO Test Site: http://www.openshop.li/shop/
My Github OC Site: https://github.com/IP-CAM
2'750 FREE OC Extensions on the World's largest Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by Kenberne1965 » Mon Aug 10, 2015 8:14 pm

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

Freelance Opencart 1.5.x and 2.x Developer - Available For Hire
Latest Opencart 2 Project --> http://www.falcon-rangecookers.co.uk


User avatar
Active Member

Posts

Joined
Wed Apr 22, 2015 9:37 pm
Location - Doncaster, UK

Post by Khal » Fri Jan 08, 2016 12:02 am

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

https:KhaleejiAbaya.Com
OC 2.0.1.1


Active Member

Posts

Joined
Thu May 24, 2012 9:24 pm
Location - Teesside, UK
Who is online

Users browsing this forum: No registered users and 4 guests