how to put a line between categories?

I want to seperate categories with lines in the category sidebox, just like there is a line between "new products" and categories. How can I do that?

Also, I want to add a little triangle in front of each category. How can I do that?

Thank you very much for instructions!

Lina

Look for this file:

includes/templates/YOUR_TEMPLATE/sideboxes/**tpl_categories.php

**and change this :

if (SHOW_COUNTS == 'true') {
        if ((CATEGORIES_COUNT_ZERO == '1' and $box_categories_array[$i]['count'] == 0) or $box_categories_array[$i]['count'] >= 1) {
          $content .= CATEGORIES_COUNT_PREFIX . $box_categories_array[$i]['count'] . CATEGORIES_COUNT_SUFFIX;
        }
      }

      $content .=[B] '<br />' .[/B] "\n";
```by this

  if (SHOW_COUNTS == 'true') {
    if ((CATEGORIES_COUNT_ZERO == '1' and $box_categories_array[$i]['count'] == 0) or $box_categories_array[$i]['count'] >= 1) {
      $content .= CATEGORIES_COUNT_PREFIX . $box_categories_array[$i]['count'] . CATEGORIES_COUNT_SUFFIX;
    }
  }

  $content .= [B]'<hr id="catBoxDivider" />' [/B]. "\n";

Using V1.3.9b

Current with all updates.

I'm just trying to figure out how to add lind separators between each item in my "EZ PAGE SIDEBOX"

I read what was listed here, and tried to apply that fix to my "tpl_ezpages.php", but it wouldn't work. I could only get lines at the beginning of the box and at the end, but not between each ezpage????

You can see what I mean by looking at the page here: https://www.celebrityapparel.net

This is my ezpage code:
/* $content .= '</ul>' . "\n";*/
$content = '<hr id="catBoxDivider" />';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';
$content .= "\n" . '<ul style="margin: 0; padding: 0; list-style-type: none;">' . "\n";
for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {
$content .= '<li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>' . "\n" ;
} // end FOR loop
$content .= '<hr id="catBoxDivider" />' . "\n";
$content .= '</div>';
?>

Thanks

:censored:Am I that ignorant? I've followed the directions in the help section, but to no avail. Please -- anyone.. I know it's something so easy that I'm missing...but that's what is making it so hard. I'm blinded by my own mind...:cry:

Courage9:

Using V1.3.9b

Current with all updates.

I'm just trying to figure out how to add lind separators between each item in my "EZ PAGE SIDEBOX"

I read what was listed here, and tried to apply that fix to my "tpl_ezpages.php", but it wouldn't work. I could only get lines at the beginning of the box and at the end, but not between each ezpage????

You can see what I mean by looking at the page here: www.celebrityapparel.net

This is my ezpage code:
/* $content .= '</ul>' . "\n";*/
$content = '<hr id="catBoxDivider" />';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';
$content .= "\n" . '<ul style="margin: 0; padding: 0; list-style-type: none;">' . "\n";
for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {
$content .= '<li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>' . "\n" ;
} // end FOR loop
$content .= '<hr id="catBoxDivider" />' . "\n";
$content .= '</div>';
?>

Thanks

Try this:

/* $content .= '</ul>' . "\n";*/
$content = '<hr id="catBoxDivider" />';
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';
$content .= "\n" . '<ul style="margin: 0; padding: 0; list-style-type: none;">' . "\n";
for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {
$content .= '<hr id="catBoxDivider" />';
$content .= '<li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li>' . "\n" ;
} // end FOR loop
$content .= '<hr id="catBoxDivider" />' . "\n";
$content .= '</div>';
?>

2. the highlighted red font is the fix...

I knew it was easy....Thanks:clap: Your the best! Yes it worked perfectly...I just forgot how to do it.

Note that if you are using this in several places on one sidebox or page, you should not call it <hr id="catBoxDivider" /> but <hr class="catBoxDivider" />.
An id is supposed to be unique on a page. You can style
.catBoxDivider {}
however you like in your stylesheet.

Also, for any sidebox that uses a <ul> or otherwise has its elements in block-type display, you don't need to edit the template file at all. You can use a stylesheet rule to put a top or bottom border on the items.

Your Welcome.. :smile:

Nice explanation of the function of the stylesheet...

Thanks Guys!

This worked well for me on both the category and ez page sidebox. Nice evenly spaced lines.

I'm assuming it will work on the information sidebox as well, but haven't tried it yet.

Dalton

Yes, you are very correct.. :smile:

:clap: YEY... been tryna figure out this catagories hr business and found your post. No problems what so ever so thank you sooo much for your input.. most helpful. :bigups:

Yes, the search function is dynamic, time saving and educational by taking the time to phrase your question and read similar threads on your issue...

After adding $content .= '<hr class="catBoxDivider" />'; to tlp_ezpages.php WC3 Validation Service gives the following errors.

Line 105, Column 28: document type does not allow element "hr" here; assuming missing "li" start-tag

<hr class="catBoxDivider" /><li><a href="http://fortywinksonline.com/index.php?…

and this one

Line 105, Column 32: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag

<hr class="catBoxDivider" /><li><a href="http://fortywinksonline.com/index.php?…? The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Any ideas on how to get it to validate?

BTW, this edit to tlp_categories.php does not return any validation errors, and both sideboxes (categories and ez pages) are working fine.

Thanks

Dalton

Eliminate the PHP file edit, and add to your stylesheet

#ezpagesContent li {border-top: 1px solid #112277;}

Adjust color as required.

Thanks!!!

Changed per your instructions, no more validation errors.

Ever Grateful

Dalton

When using $content .= '<hr id="catBoxDivider" />' . "\n"; in tpl_categories.php, how do you set the color for the hr?

Vito

First, don't use id="catBoxDivider" as that is already in use. Use class="catBoxDivider".

Add to your stylesheet

.catBoxDivider {color: #aabbcc;}

Adjust color as required.
If you want these dividers and the original one the same color, make it

#catBoxDivider, .catBoxDivider {color: #aabbcc;}

lina0962:

I want to seperate categories with lines in the category sidebox, just like there is a line between "new products" and categories. How can I do that?

Also, I want to add a little triangle in front of each category. How can I do that?

Thank you very much for instructions!

Lina

I want my category sidebox to have the hr line I think I did that right, but I still can not figure out how to add those little triangles in front of each category and each sub-category. How do I do that?

I want it to look like this site:

http://fortywinksonline.com

Here is my site:

http://www.sexysensualseductivelingerie.com

I have read everything in this Thread, but I'm still not sure what to do.

Thanks,

cameo

Install Categories Dressing and follow the instructions in its readme to style it the way you want.

lina0962:

I want to seperate categories with lines in the category sidebox, just like there is a line between "new products" and categories. How can I do that?

Also, I want to add a little triangle in front of each category. How can I do that?

Thank you very much for instructions!

Lina

(Please disregard my previous post I tried to edit it, but was not within the time frame, so I couldn't make my changes.)

Below is my question:

I want my category sidebox to have the hr line I think I did that right, but I still can not figure out how to add those little triangles in front of each category and each sub-category. How do I do that?

Also, I think the hr lines are in the wrong places because when you click on ######## Missy Lingerie the drop down box shows the sub-categories which are:

Baby Dolls
Bra Sets
Bustiers
etc

the should not have the hr line I want dashes beside them like this:

-Baby Dolls
-Bra Sets
-Bustiers
etc

And I want ######## Missy Lingerie the have the little triangle beside it.

I want it to look like this site:

Here is my site:

http://www.sexysensualseductivelingerie.com

I have read everything in this Thread, but I'm still not sure what to do.

Thanks,

cameo