Categories Dressing

Quote:

---

Originally Posted by Securfocus

No, list item isn't crossed out, i was saying that I could get the bullets to go away by crossing them out with firebug....

What I am trying to say is they are bullets and according to my CSS they should be arrows(bullet1.gif).....

So what is keeping the List style bullets in place and not the arrows?

---

Zen-cart can't find your bullet images, check that they are in the right place. The page is not loading any image so the bullets appear instead. Using Firebug, remove the ".." from "../images/bullet1.gif" and they show up. :smile:

That was it!!!

I have played with that before, but never got rid of the ".."


Thank You!!!!!!

Rather than changing the CSS, you should move the bullet images to the correct location.

You have them in your base /images/ folder where product images belong, instead of /includes/templates/classic/images/ where template images like this belong. You would have had to manually install them to the wrong location - if you had followed instructions when installing they would have worked from the start.

Hi Glen,

I was wondering if you could offer any help with my categories layout on www.limelites.co.uk ??

If you look at the categories entitled, UK 6, UK 8, ........ UK 20 underneath the catBoxHeading1 area. I am wondering if there's an easy way to split these into a two column layout like this:

UK 6 ......UK 14
UK 8 ......UK 16
UK 10 ......UK 18
UK 12 ......UK 20

So that it takes up less vertical space?

At present, these categories have cat-not-selected-text and cat-selected-text classes. I'm thinking though, might be easier to pop them in a html table somehow... If I knew which file and section to edit?

Start a new category group with cPath=1_29 (UK 14). Don't give it a heading, but style that and cat_group 1_26 in the stylesheet - perhaps like

Code:

---

#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
    position: relative;
    width: 70px;
    height: 0; /*this may cause problems in some browsers - can't tell until you have it live to test*/
    top: -150px; /*play with numbers as required*/
    left: 70px;
    }

---

position: absolute; would be better for this situation, but there is currently no good container for the positioning context. If you give Womenswear (cPath 1) a category group so it gets an id, that can be used to address the 1_29 position. Then you would do:

Code:

---

#catGroup1 {position: relative;}
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
    position: absolute;
    width: 70px;
    bottom: 0; /*play with numbers as required*/
    left: 70px;
    }

---

Quote:

---

Originally Posted by gjh42

Start a new category group with cPath=1_29 (UK 14). Don't give it a heading, but style that and cat_group 1_26 in the stylesheet - perhaps like

Code:

---

#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
    position: relative;
    width: 70px;
    height: 0; /*this may cause problems in some browsers - can't tell until you have it live to test*/
    top: -150px; /*play with numbers as required*/
    left: 70px;
    }

---

position: absolute; would be better for this situation, but there is currently no good container for the positioning context. If you give Womenswear (cPath 1) a category group so it gets an id, that can be used to address the 1_29 position. Then you would do:

Code:

---

#catGroup1 {position: relative;}
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
    position: absolute;
    width: 70px;
    bottom: 0; /*play with numbers as required*/
    left: 70px;
    }

---

---

Hi Glen,

I can follow most of what you said, but the very first part when you say, "Start a new category group with cPath=1_29"... Can you explain what you mean? How would I Start a New Category Group? Do you mean from admin? Remember, I have sub categories hidden, so how would I group UK 14-20 inside a new cat group?

Hi Glen, ignore my last post... I figured out how to create a category group using:

define ('CAT_BOX_HEADING_1_29','1|0||||1||');//new list - text headings - multiple levels - styles 1 & 2

However, if you look at it, it's given an extra bullet1.gif for some reason?

OK, got there in the end.... Thanks for your help Glen... This was the line:

define ('CAT_BOX_HEADING_1_29','1|0||||0||');//new list - text headings - multiple levels - styles 1 & 2

Then in my stylesheet:

#catGroup1 {position: relative;}
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: absolute;
width: 70px;
bottom: 205px; /*play with numbers as required*/
left: 92px;
}

You have given #catGroup1_29 a pair of blank headings, and you have some headings styled as list items. Change the definition to

define ('CAT_BOX_HEADING_1_29','1|0||');//new list - no headings

Then you will have just the group that can be relocated as described above.

Thanks Glen, I've changed it although it did seem to work both ways... Changed anyway :-)

Tell me, do you run IE8? I seem to have an issue with this modification in compatibility view. The line spacing on the new group 1_29 is not as big as the old group 1_26 and it's pretty noticeable.... Any idea what's causing that?