[SOLVED] Category & subcategory images

[BWarner]

So, I'm wanting to try something that may or may not be doable. I want to display subcategories' images, but I so not want to display the subcategory's image when you finally get to the last subcategory.

For example, in a hierarchy of Home>Clothes, I like that I can see >Shirts, >Pants, >Hats, etc. for navigation purposes, but when I actually pull up >Shirts, I don't want to see the Shirts category image.

So my question is, how would one go about this? I'm in 1.6.0.6.

[vekia]

the most important question: about what part of shop you're talking? category view? some menu?

[BWarner]

I like the subcategories having their pics displayed (and because there is no image for this current category, this is what I'm aiming for on every category page):

http://tinyurl.com/mcxkoyj

 

I like the subcategories, but do not like the current category image+graybox being shown:

http://tinyurl.com/kdqthz7

[vekia]

so basically you want to remove this picture and this gray box? 

[BWarner]

Exactly.

[BWarner]

So, is it just one of those things that's all-or-nothing... does the 'bad' mean I have to get rid of the 'good' on this one?

[BWarner]

Or, to ask another way, is it possible to customize the theme to modify how the Category page layout? Eg. Eliminate the "display category image" line, adjust the "background" (gray box) and "description text" color, etc. I simply have no clue where said code might exist to be able to tweak it. I will do some research on theme customization later today, maybe I can answer my own Q.  

[vekia]

sorry for late reply

to remove gray background and image use this code in your global stylesheet file

.content_scene_cat, .content_scene_cat_bg {
	  background:none!important;
	  background-color:none!important;
  }

[BWarner]

Here's what I ended up with, works like a charm.

.content_scene_cat, .content_scene_cat_bg {
	background:none!important;
	background-color:none!important;
	min-height:0px!important;
	padding:0px!important;
 }

Much appreciated, vekia!

Edited April 26, 2014 by BWarner (see edit history)

[vekia]

thank you for posting your version of code.

i marked this thread as solved.

with regards,

Milos

[WOS]

thank you for posting your version of code.

i marked this thread as solved.

with regards,

Milos

 

Hi,

I like to delete subcategory images and links below the images and believe that you have the solution. I myself do not know just where I should enter the code you have written in previous comments. Have any of you the opportunity to make a more detailed description?

[vekia]

Hi,

I like to delete subcategory images and links below the images and believe that you have the solution. I myself do not know just where I should enter the code you have written in previous comments. Have any of you the opportunity to make a more detailed description?

 

 

you just mean that you want to remove whole subcategies block, right?

[WOS]

you just mean that you want to remove whole subcategies block, right?

 

Yes!

[vekia]

from file:

/themes/default_bootstrap/category.tpl remove this code:
 

		{if isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories">
			<p class="subcategory-heading">{l s='Subcategories'}</p>
			<ul class="clearfix">
			{foreach from=$subcategories item=subcategory}
				<li>
                	<div class="subcategory-image">
						<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
                   	</div>
					<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'|truncate:350}</a></h5>
					{if $subcategory.description}
						<div class="cat_desc">{$subcategory.description}</div>
					{/if}
				</li>
			{/foreach}
			</ul>
		</div>
		{/if}

that's all