Categories Dressing

I can only use IE6 on my home computer, and the space you describe doesn't show there, nor in Firefox. I will check on the business computer when I get time and see if I can see it in IE7.

Call me stupid but could anyone please explain how to change subcat name to image.

define ('CAT_BOX_HEADING_1_5','1|0|image1.jpg|Some tekst|text |3');

this doesn't work at all

What i want is to show on subcategory 1_5 that is called CAR, the image of a CAR, instead of text CAR.

Tnx

That is not handled by the defines; if you save an image named catimg1_5.gif in
/includes/templates/your_template/buttons/english/, it will be detected and used in place of the text.

Thank you very much

Limelites -
I just noticed your posts 758/759 and the issue you reported. I had noticed the bullet issue when looking at something else.

It turns out that your modifications put the entire categories content inside the #catLinks <ul>, so items were a level deeper than they should be and some styling changed because of this.
You havephp if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true' or SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') { $content .= '</ul>'; } at the end of tpl_categories.php, but you should have moved that up along with the rest of the links code.```php
$content = "";
$prev_cat_depth = -1;
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";

// display a separator between categories and links
$content .= '<ul class="catLinks">';
if (SHOW_CATEGORIES_BOX_SPECIALS == 'true') {
$cat_box_link_head = cat_box_heading('SPECIALS');
$content .= $cat_box_link_head[1];
$show_this = $db->Execute("select s.products_id from " . TABLE_SPECIALS . " s where s.status= 1 limit 1");
if ($show_this->RecordCount() > 0) {
$content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . CATEGORIES_BOX_HEADING_SPECIALS . '</a>' . '</li>' . "\n";
}
}
if (SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true') {
// display limits
// $display_limit = zen_get_products_new_timelimit();
$display_limit = zen_get_new_date_range();

  $show_this = $db->Execute("select p.products_id
                             from " . TABLE_PRODUCTS . " p
                             where p.products_status = 1 " . $display_limit . " limit 1");
  if ($show_this->RecordCount() > 0) {
    $cat_box_link_head = cat_box_heading('NEW');
    $content .= $cat_box_link_head[1];
    $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . CATEGORIES_BOX_HEADING_WHATS_NEW . '</a>' . '</li>' . "\n";
  }
}
if (SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true') {
  $show_this = $db->Execute("select products_id from " . TABLE_FEATURED . " where status= 1 limit 1");
  if ($show_this->RecordCount() > 0) {
    $cat_box_link_head = cat_box_heading('FEATURED');
    $content .= $cat_box_link_head[1];
    $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' . CATEGORIES_BOX_HEADING_FEATURED_PRODUCTS . '</a>' . '</li>' . "\n";
  }
}
if (SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
  $cat_box_link_head = cat_box_heading('ALL');
  $content .= $cat_box_link_head[1];
  $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' . CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a>' . '</li>' . "\n";
}

    if (SHOW_CATEGORIES_SEPARATOR_LINK == '1') {
  $content .= '<hr id="catBoxDivider" />' . "\n";
}

for ($i=0;$i<sizeof($box_categories_array);$i++) {
switch(true) {

//lots of code

if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true' or SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
$content .= '</ul>';
}

  if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true' or SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {

above the links and

    $content .= '</ul>';
  } 

below them: ```php
  $content = "";
  $prev_cat_depth = -1;
  $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";
  
//--------------------------------------open #catLinks conditional---------------------------------------
  if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true' or SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
//--------------------------------------open #catLinks conditional---------------------------------------
  // display a separator between categories and links
    $content .= '<ul class="catLinks">';
    if (SHOW_CATEGORIES_BOX_SPECIALS == 'true') {
      $cat_box_link_head = cat_box_heading('SPECIALS');
      $content .= $cat_box_link_head[1];
      $show_this = $db->Execute("select s.products_id from " . TABLE_SPECIALS . " s where s.status= 1 limit 1");
      if ($show_this->RecordCount() > 0) {
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . CATEGORIES_BOX_HEADING_SPECIALS . '</a>' . '</li>' . "\n";
      }
    }
    if (SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true') {
      // display limits
//      $display_limit = zen_get_products_new_timelimit();
      $display_limit = zen_get_new_date_range();

      $show_this = $db->Execute("select p.products_id
                                 from " . TABLE_PRODUCTS . " p
                                 where p.products_status = 1 " . $display_limit . " limit 1");
      if ($show_this->RecordCount() > 0) {
        $cat_box_link_head = cat_box_heading('NEW');
        $content .= $cat_box_link_head[1];
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . CATEGORIES_BOX_HEADING_WHATS_NEW . '</a>' . '</li>' . "\n";
      }
    }
    if (SHOW_CATEGORIES_BOX_FEATURED_PRODUCTS == 'true') {
      $show_this = $db->Execute("select products_id from " . TABLE_FEATURED . " where status= 1 limit 1");
      if ($show_this->RecordCount() > 0) {
        $cat_box_link_head = cat_box_heading('FEATURED');
        $content .= $cat_box_link_head[1];
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' . CATEGORIES_BOX_HEADING_FEATURED_PRODUCTS . '</a>' . '</li>' . "\n";
      }
    }
    if (SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true') {
      $cat_box_link_head = cat_box_heading('ALL');
      $content .= $cat_box_link_head[1];
      $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' . CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a>' . '</li>' . "\n";
    }
    
        if (SHOW_CATEGORIES_SEPARATOR_LINK == '1') {
      $content .= '<hr id="catBoxDivider" />' . "\n";
    }
//--------------------------------------close #catLinks conditional---------------------------------------
    $content .= '</ul>';
  }
//--------------------------------------close #catLinks conditional---------------------------------------

  for ($i=0;$i<sizeof($box_categories_array);$i++) {
    switch(true) { 

Glen, thanks for that. It worked a treat :-)

Since I haven't found the concentrated time to properly update the mod in Free Addons, the zip of v2.7.3 is here for now.

I am building a cart with a main menu styled by Categories Dressing.

In Firefox, all is well, no matter how far down I drill into the subcategories and products.

In IE7, though, as I drill down, the size of the subcategories listings changes, gradually added space to the RIGHT of the menu, so that there is a gap between the menu and the next (main) div.

I have played around with the Web Dev extension in FF to try to pinpoint the problem, to no avail. The IE7 dev tools are kind of klunky and useless in trying to find the problem

It seems when I try to increase the padding of the subcats, it just pushes the size of the containing box outward instead of closing the "gap." Not a live site, so I can't post URL. I'll try to post screen capture later.

TIA for your ideas.

Hi Glenn,
If you have time, please have a look back to post #779 ...

Thanks

Tim

Categories Dressing v2.7.3 has been submitted to Free Addons and should be available from there soon.

Hello,

I have a question about the border that is around the categories.

Sorry if it has been asked before, but I cant find anything about it.
I'm new to this stuff so I might have even been searching for the wrong terms.

How do I remove the border around the categories?

Here is an image so you know what I mean. The arrows are pointing to the border I am talking about.

Thanks,

Jordin

Find in your stylesheet_categories_dressing.css:```
#categories ul {/top category lists/
list-style: none;
background: none;
border: 1px solid #ffaa99;
margin: 0 0 0.4em 0;
padding: 0;
}

and change the 

border: 1px solid #ffaa99;

to

border: none;

pixelwrangler -
It sounds as if the subcats have a fixed width which gets the list indent added. Padding in that case would just increase the space taken by the subcats. I don't know why IE would handle it differently from FF, though.
A screenshot would be helpful, as well as any CSS you have changed from default.

Glenn,

I am sorry for asking this but is there a dumbed down version of Categories Dressing?

I spent a good 3-4 hours trying to figure out the soft ware but couldn't. I managed to install other modifications but once I had Dressing installed, I now had floating bars and random spaced out categories.

All I need to do is add one non linked word to my categories and space them out a bit better.. it would be nice..

Do you have a version for dumb :censored: like me who are not very computer savvy? :( I have the program installed just cant figure out how I can use it?

Good think I keep back up I had to restore all the old files to stop the floating. :frusty:

:sigh:

nisdats

I forgot to say "thank you" for making this available. I know it was a lot of work. I am just really frustrated in not being able to use it..

the site I am working on is called "www.fuelpumpsusa.com" and my categories are on the left. Im attaching a picture of how I wanted them to look. Just need some words in between the two sections..

thank you so much for any tips,

PLEASE talk like you are talking to a 5 year old. :dontgetit
I can follow instructions just fine but get lost in php, etc.

nisdats

There are two possible ways to do this.

If you want the "Select Your Car" text always visible under the "Walbro" category, you would use the "subtext" feature for Walbro (category id 17).

If you want the "Select Your Car" only when the subcats are showing, you would add it as a "heading" to the first subcat in the list, Acura (currently category id 11).

Looking at the site live, I see that it is not set up as the image implies. The image looks like the car brands are subcategories of Walbro, but the site has them as top categories. Which do you want? I can't give correct advice until I know that.

thx for the reply. I need them to be two separate sections, both are top level.

Just need a space b/w them and maybe a nice border for each.

thanks again for your help,
nisdats

Then you would use the category group feature, starting a new group with Acura and giving it the heading text. You would style that group name in your stylesheet, where you can give it a margin-top. You would give top category lists a border, and set subcategory lists to border: none; (examples in stylesheet_categories_dressing.css).

Hi Glen, I was trying to apply a small change to my left sidebox... was trying to make the background of the complete left column a very light grey just to differentiate slightly more... but when I apply a background-color to .leftBoxContainer I get this effect:

I tried to apply the same color to #chcategories and a number of other #ch areas but none of them seem to hit the mark... I bet you know what to change without even having to look in Firebug?

Hi Glen, found it, so no need to trouble you sorry...

#chcategories ul ul a {