How to change the size of Subcategory Images

[markc1]

Hi,

Any help really appreciated.

 

I have created Banner style images for my Categories, so they stretch over most of the page

 

However when you are in the Category above, these same images are used as the thumnnails to show all of the subcategory images, and do not look correct as small thin images.

 

They need to be Thumbnails proportioned images instead of banner types that I have created.

 

I can create these new thumbnails, but I need some way of using telling the code to use the thumbnails when the category is being displayed as a sub category in the parent category..

 

Any ideas on how to this?

 

Again, many thanks if anyone can enlighten.

 

Cheers

[NemoPS]

Hi,

 

you can create a new "subcategory" size in preferences->images, and thene edit your category.tpl file so it displays that size (be sure to change width and height attributes in img tag, too). It's a bit boring, it's a shame prestashop doesn't include a dedicated image for subcategories

[cankart]

Hi,

 

you can create a new "subcategory" size in preferences->images, and thene edit your category.tpl file so it displays that size (be sure to change width and height attributes in img tag, too). It's a bit boring, it's a shame prestashop doesn't include a dedicated image for subcategories

 

Hi, Can you please give more information, after i created a new size called subcategory how can i change category.tpl file?

 

Thanks

[dealonline]

Hi,

Any help really appreciated.

 

I have created Banner style images for my Categories, so they stretch over most of the page

 

However when you are in the Category above, these same images are used as the thumnnails to show all of the subcategory images, and do not look correct as small thin images.

 

They need to be Thumbnails proportioned images instead of banner types that I have created.

 

I can create these new thumbnails, but I need some way of using telling the code to use the thumbnails when the category is being displayed as a sub category in the parent category..

 

Any ideas on how to this?

 

Again, many thanks if anyone can enlighten.

 

Cheers

 

I am having the same problem, if you solved this please share a solution. Thanks

[dealonline]

Hi,

 

you can create a new "subcategory" size in preferences->images, and thene edit your category.tpl file so it displays that size (be sure to change width and height attributes in img tag, too). It's a bit boring, it's a shame prestashop doesn't include a dedicated image for subcategories

 

A step by step for this solution will be appreciated. I am new to prestashop and would appreciated any and all help. Thanks.

[samiorfali]

yes please... I found this solution but it doesn't work:

 

To re-size subcategories images in prestashop 1.4 follow this instructions

 

1. Go to Back Office Preferences/Image and create new image with the desired size

 

2. Edit /themes/YOURTHEME/category.tpl subcategories section and change ALL MEDIUM instances

 

getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

{if $subcategory.id_image}

getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

{else}

 

{/if}

 

 

 

 

TO

 

getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

{if $subcategory.id_image}

getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'YOUR-NEW-IMAGE-NAME')}" alt="" width="{$YOUR-NEW-IMAGE-NAMESize.width}" height="{$YOUR-NEW-IMAGE-NAMESize.height}" />

{else}

 

{/if}

 

 

 

 

3. Edit /themes/YOURTHEME/css/category.css subcategories section and change

 

body#category #subcategories li { height: 136px; width: 108px; margin-right: 3px }

 

 

 

TO

 

body#category #subcategories li { height: NEW-SIZE-IN-PIXELSpx; width: NEW-SIZE-IN-PIXELSpx; margin-right: 3px }

 

 

 

The height should be higher then the actual image height in order to display the hyperlinks correctly

 

4. Edit /controlers/CategoryController.php go to section self::$smarty->assign(array(

and add

 

'YOUR-NEW-IMAGE-NAMESize' => Image::getSize('YOUR-NEW-IMAGE-NAME'),

 

 

 

adding this line will fix the problem of images not displayed in Internet Explorer

[alexinlove]

Has anyone found a step-by-step solution to work this out?

[grafician]

solution actually works, just need to regenerate thumbnails because they have another name now, you do not need to change css in prestashop 1.5

[yenhoufu]

sorry I still using Prestashop 1.4.11....it look like abit complicated!! can any provide one step by one step