Zen Cart Logo
Forums / General Questions / Arrows for categories with sub-categories

Arrows for categories with sub-categories

Views: 1,335

Results 1 to 9 of 9
15 Jan 2011, 10:54 AM
#1
karenkte avatar

karenkte

Zen Follower

Join Date:
Feb 2008
Posts:
200
Plugin Contributions:
0

Arrows for categories with sub-categories

On my main page I have a category which has subcategories.....I do not want the arrow which sets this category apart on the main page but I am not sure how to remove it.

If you look on my main page here http://www.fairytalefashions.co.uk/

you can see half way down on the left hand side what I mean....I just want all categories to look exactly the same on the main page whether or not they contain sub-categories

Thanks

15 Jan 2011, 11:07 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Arrows for categories with sub-categories

Admin - Configuration - Layout Settings - Categories Separator between the Category Name and Count

15 Jan 2011, 11:38 AM
#3
karenkte avatar

karenkte

Zen Follower

Join Date:
Feb 2008
Posts:
200
Plugin Contributions:
0

Re: Arrows for categories with sub-categories

Thanks....I have removed everything from this setting but the arrow is still there....not sure what to try next...any suggestions appreciated...thanks

15 Jan 2011, 11:55 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Arrows for categories with sub-categories

Looks like part of the betterCategories mod. You might look at the instructions there.

1 May 2011, 2:18 AM
#5
jasonh1234 avatar

jasonh1234

New Zenner

Join Date:
Apr 2011
Location:
Vancouver, BC
Posts:
42
Plugin Contributions:
0

Re: Arrows for categories with sub-categories

You could also replace the -> with an image by adding:

 <img src="my_arrow.gif" height="10" width="10">
12 May 2011, 3:46 PM
#6
madabouttoys avatar

madabouttoys

New Zenner

Join Date:
May 2011
Posts:
5
Plugin Contributions:
0

Re: Arrows for categories with sub-categories

I am trying to remove the arrow in front of the sub category but I cant seem to remove it. So it stands out from the main category

I managed to remove the > that was after the sub category.

Any ideas, you can see what I mean on https://www.madabouttoys.co.uk

Thanks for your help

12 May 2011, 7:30 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Arrows for categories with sub-categories

That is controlled for your template by

stylesheet.css (line 433)

#categoriesContent a {
background: url("../images/sidelink1.jpg") no-repeat scroll 0 0 transparent;
color: #696969;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 23px;
margin: 0;
padding-left: 22px;
padding-top: 5px;
text-align: left;
text-decoration: none;
width: 211px;
}

You would want to make rules for top and subcategories that distinguish the background to use.

13 May 2011, 4:55 PM
#8
madabouttoys avatar

madabouttoys

New Zenner

Join Date:
May 2011
Posts:
5
Plugin Contributions:
0

Re: Arrows for categories with sub-categories

Thank you for the reply,

Do I need to just paste the code you have mentioned in the sheet? Will the code then only show the arrow next to the master category e.g Indoor or Outdoor etc

13 May 2011, 11:10 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Arrows for categories with sub-categories

No, that is the code you currently have in your stylesheet. You will need to duplicate and modify that into more specific rules referencing the .category-top or .category-subs and .category-products classes.
Remove the

background: url("../images/sidelink1.jpg") no-repeat scroll 0 0 transparent;

from the rule above, and add it to a new rule below that one:

#categoriesContent a.category-top {
background: url("../images/sidelink1.jpg") no-repeat;
}