[SOLVED] Category image and header

[lisaakant]

I just changed the category image by doing this:

 

"I add the full banner sized image to the category.  I then have a 125 x 125 px image with the following filename: xx-medium_default.jpg. where xx is the ID number of the category.

 

This is then copied into the "img/c" folder.

 

As I didn't want a full size image I created a 1x1 px png image and used that for the full size category image, then uploaded the medium-default.jpg to the img/c folder."

 

 

Copied this from an old topic on this forum. But now when you go to the category page you see a large blanc space where normally the header is. (the 1x1px in this case). Can i make this smaller?

 

Sorry for my english. hope somebody can help me. 

 

http://www.label28.nl/index.php?id_category=16&controller=category
(category wikkel)
 

Edited October 17, 2015 by lisaakant (see edit history)

[MEG Venture]

the white space is the category default image, which is http://www.label28.nl/img/c/36-category_default.jpg

 

If you upload an image to that category, it will probably be updated and filled.

[lisaakant]

I Uploaded a picture, the 1x1px white one. I do not want a header one the last category /product page.

[MEG Venture]

In this case, I can suggest to open themes/default-bootstrap/css/category.css

 

Find line 4

.content_scene_cat {
    border-top: 5px solid #333;
    color: #d7d7d7;
    line-height: 19px;
    margin: 0 0 26px 0;
}

replace it with 

.content_scene_cat {
    border-top: 5px solid #333;
    color: #d7d7d7;
    line-height: 19px;
    margin: 0 0 26px 0;
    display:none;
}

[lisaakant]

I thought of that also. But its Just de last page I dont want a header to show.

 

As you can see on my shop. I have

-Armbanden (want a header here)

> strass (want a header here)

>>Wikkel (DONT want a header here)

 

I seem to think this is impossible, hehe

Well, impossible in this solution with the medium category picture.

[MEG Venture]

Have you tried replacing 36-category_default.jpg in img/c folder?

[lisaakant]

Yes I did. That is de 1x1px white one, I dont think we understand each other.

 

I have to put the 1x1px there because else the medium default wont show.

But when I put the 1x1px as the header. Presta makes the header size the standerd size.

[MEG Venture]

But in the first post of yours, I see that you replaced xx-medium_default.jpg

 

However, you need to replace xx-category_default.jpg to get rid of the big white image.

[lisaakant]

Yes. Like I said its not big white image. Its a really small 1x1px white one..

[MEG Venture]

Then, one last shot:

 

Open themes>default-bootstrap>category.tpl

 

Find 

<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>

and delete the min-height from the style. So that;

<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover;"{/if}>

[lisaakant]

i wanted to let you know that it kind of worked. 

After i deleted that i changed the 1x1px to 870x10px 

 

so 

X-category_default.jpg AND X.jpg is now 870x10 white bar.

Obviously if you have another background color you need to use that color in stead of white. 

 

 

Thank you for you help MEG!