Category Image Size

I've search, and search and didn't find this one. :sleepy:

I have in my admin where to change my subcategories images size (width and height) but I don't find anywhere where I change the main page category image size. Where do I change this?

hello all,

i have the same question too, and havent found it address yet.

is there a way to change the size short of hacking up the code?

Thanks!

well, i figured it out.. shoulda just tried figuring it out first before posting..

Go to ADMIN > CONFIGURATION > IMAGES

Look under:

Subcategory Image Width 100 Info
Subcategory Image Height 80

Those are your max pixel limits. Adjust to your liking.

Hope this helps!

Here's a list of image settings in admin -> configuration -> images

• Small Image Width 125 Info
• Small Image Height 125 Info
• Heading Image Width - Admin 80 Info
• Heading Image Height - Admin 80 Info
• Subcategory Image Width 125 Info
• Subcategory Image Height 125 Info
• Calculate Image Size true Info
• Image Required true Info
• Image - Shopping Cart Status 1 Info
• Image - Shopping Cart Width 50 Info
• Image - Shopping Cart Height 0 Info
• Category Icon Image Width - Product Info Pages 80 Info
• Category Icon Image Height - Product Info Pages 80 Info
• Product Info - Image Width 125 Info
• Product Info - Image Height 125 Info
• Product Info - Image Medium Suffix _MED Info
• Product Info - Image Large Suffix _LRG Info
• Product Info - Number of Additional Images per Row 3 Info
• Image - Product Listing Width 125 Info
• Image - Product Listing Height 125 Info
• Image - Product New Listing Width 100 Info
• Image - Product New Listing Height 80 Info
• Image - New Products Width 100 Info
• Image - New Products Height 80 Info
• Image - Featured Products Width 100 Info
• Image - Featured Products Height 80 Info
• Image - Product All Listing Width 100 Info
• Image - Product All Listing Height 80

Is there a minimum valu for size on additional imgs?

Hi!

I need help. How can i disable images from the Categories?
I manage to disable the images when im in a Categorie list, but if i choose a product, there it is again above the Categorie name.

Like in the picture.

My store: http://www.postershop.com.pt

Thank You.

clydejones:

Here's a list of image settings in admin -> configuration -> images

• Small Image Width 125 Info

• Small Image Height 125 Info

• Heading Image Width - Admin 80 Info

• Heading Image Height - Admin 80 Info

• Subcategory Image Width 125 Info

• Subcategory Image Height 125 Info

• Calculate Image Size true Info

• Image Required true Info

• Image - Shopping Cart Status 1 Info

• Image - Shopping Cart Width 50 Info

• Image - Shopping Cart Height 0 Info

• Category Icon Image Width - Product Info Pages 80 Info

• Category Icon Image Height - Product Info Pages 80 Info

• Product Info - Image Width 125 Info

• Product Info - Image Height 125 Info

• Product Info - Image Medium Suffix _MED Info

• Product Info - Image Large Suffix _LRG Info

• Product Info - Number of Additional Images per Row 3 Info

• Image - Product Listing Width 125 Info

• Image - Product Listing Height 125 Info

• Image - Product New Listing Width 100 Info

• Image - Product New Listing Height 80 Info

• Image - New Products Width 100 Info

• Image - New Products Height 80 Info

• Image - Featured Products Width 100 Info

• Image - Featured Products Height 80 Info

• Image - Product All Listing Width 100 Info

• Image - Product All Listing Height 80

Where can we increase the code for these as the images are too small. Where can we locate the option to show categories in the main page ?

Thanks

My question refers to the image/category on the main page. This is not referred to in the config/images

Is there a way to add a rel link for a lightbox on this page. Please help!

I'm using v1.3.9 Can anybody tell me how to make the additonal image larger? I know this is controlled by the admin>configure>images>small image setting but when I make it larger it makes my thumbnails in my new items side box larger and throws off the whole layout. Here's a link to the page I'm playing with,

http://myshirthouse.com/index.php?main_page=product_info&cPath=39&products_id=289

ideasgirl:

I've search, and search and didn't find this one. :sleepy:

I have in my admin where to change my subcategories images size (width and height) but I don't find anywhere where I change the main page category image size. Where do I change this?

the method i used modify the stylesheet_tm.css (or other files that is suite in your template for this) locate in includes/templates/theme345/css . Open and search for something like this:

[QUOTE=.image span{ display:inline-block; position:relative; width:230px; height:130px;}[/QUOTE]

and change the height to your desire, and also change

[QUOTE=.image a{ padding:0; cursor:pointer; text-decoration:none !important; display:inline-block; width:230px; height:130px;}[/QUOTE]

if u dont find this kind of code, maybe is diferent from template to template, open each file in your .css folder and search from some line of code including image and height and test some changes. best regards:smile:

Hi ajose,
somebody showed me this one, you can locate the file includes/templates/template_default/templates/tpl_product_info_display.php and comment out the line for display category icon.. All the best!

MMN Maniac:

well, i figured it out.. shoulda just tried figuring it out first before posting..

Go to ADMIN > CONFIGURATION > IMAGES

Look under:

Subcategory Image Width 100 Info
Subcategory Image Height 80

Those are your max pixel limits. Adjust to your liking.

Hope this helps!

That pixel limit no longer seems to apply (It doesn't on my 1.54 cart) FWIW

Hi I have v1.5.5f responsive installed and I am wanting to adjust the category image size by a percentage not pixels like in Admin. in stylessheet

I tried this /* .categoryIcon {float:left;width:35%;} MAX Changes to center and 100% */
.categoryIcon {float:center;width:100%;}, it did make it fill the half.

I am missing what is restricting the top category image from going 100% across the page?
https://www.uesakausa.com/index.php?main_page=product_info&cPath=1_7&products_id=24&zenid=nio074ns6ceehgg29pkfv3qis2

Any suggestions? Thanking in advanced!

I think you can make this change to your stylesheet.css

.categoryIcon img {
    margin-bottom: 5px;
    width: 100%;
}

THANK YOU! I missed that, I didn't apply it to the image itself. Sometimes you just need a second set of eyes, thanks for your help LOL!

I am having same issue with categoryImg or categoryImgListing but it is not coming up in stylesheet when I do a search. Any idea on this one?

https://www.uesakausa.com/index.php?main_page=index&cPath=1_5&zenid=nio074ns6ceehgg29pkfv3qis2

Thanks!

Sure, add this to your stylesheet

#categoryImgListing.categoryImg img {
    width: 100%;
}

Edit: should explain that if you find an element tag (id/class) in the HTML without a corresponding entry in the stylesheet then it's ok to just add a new stylesheet entry accordingly.

It worked. Thank You so much simon1066, and also for the editing! That really is a really helpful piece of information.

No problem, glad to help.