Categories Dressing

Thank you Glenn, that's perfect.

One of this reasons I wanted to disable the top category link is that I have not been able to format that resultant page (the page which loads after clicking the top category link) that way I want.

This resulting page loads the subcategories in a grid, and I can add a subcat image to each via admin, and all is good.

But I find I am not able to format these 'subcategory grid images' independently, without affecting other images. It looks like the overarching class is 'centerBoxWrapperContents". If I want to add an image border to these subcategory images in css using centerBoxWrapperContents img {border: etc... } then in doing so it applies the border to the Featured Product images, standard Product listing images etc. But what if I only want to format the subcat images with their own border. And further, being able to center the subcat grid, without centering the Product listsings etc which looks better floated left.

No big deal, but if you have any thoughts on this, I'd like to hear them.

Thanks again,

Adam.

That's awesome Sir. Thank you.
Worked perfectly!

Quote:

---

Originally Posted by gjh42

This is not a Categories Dressing issue; you can fix it by editing /includes/modules/sideboxes/your_template/categories.php (not a Cat Dressing file).

PHP Code:

---

 * @version $Id: categories.php 2718 2005-12-28 06:42:39Z drbyte $
 */
//add this line to turn sidebox off for non-category/product pages
if ($cPath) {

    $main_category_tree = new category_tree;
    $row = 0;
    $box_categories_array = array();

// don't build a tree when no categories
    $check_categories = $db->Execute("select categories_id from " . TABLE_CATEGORIES . " where categories_status=1 limit 1");
    if ($check_categories->RecordCount() > 0) {
      $box_categories_array = $main_category_tree->zen_category_tree();
    }

    require($template->get_template_dir('tpl_categories.php',DIR_WS_TEMPLATE, $current_page_base,'sideboxes'). '/tpl_categories.php');

    $title = BOX_HEADING_CATEGORIES;
    $title_link = false;

    require($template->get_template_dir($column_box_default, DIR_WS_TEMPLATE, $current_page_base,'common') . '/' . $column_box_default);
//add this line to turn sidebox off for non-category/product pages
}
?> 


---

There might possibly be a product page that doesn't involve a cPath for some kinds of display, so if you don't get the categories sidebox in a place you want it, post back and I'll take a look at adding the right extra condition.

---

BTW. I you click on a link from the New products or Featured products sidebox or centrebox, the Category Sidebox does not display, even though there is cPath in the URL

/index.php?main_page=product_info&cPath=0&products_id=523

I believe this is because of the value being '0'

But I can live without that! Thanks for the help!!

Well, if you have the sidebox set to show only subcategories of the active top cat, and there is no active top cat (cPath=0), what is going to display in the sidebox?
Unless you want all subcats to show when there is no active top cat, you already have the correct behavior.

Hi, I'm quite new to zencart (and CSS and PHP...) so this might be a silly question, I tried to search on the forum but can't find an answer... :lookaroun

I have installed categories dressing, I switched to images instead of text and all is going well apart from when I try to have a hover effect - the 'main' image displays correctly but when I hover over it shows the default setting (light blue background with little yellow lines and no text).

I have uploaded the catbg2 (which works) and catbg2hover images and added the following to stylesheet_categories_dressing.css:

#categories li a.catBg2 {
background-image: url(../buttons/english/catbg2.gif);
height: 30px;
}

#categories li a.catBg2:hover {
background-image: url(../buttons/english/catbg2hover.gif);
}

Is there anything else I should be doing, or did I do something wrong? The website is here http://ic-blue.co.uk/kat/ (still very much work in progress so please ignore any weirdness!).
Thanks

You put the catbg2 rules in the wrong place, and the :hover is being overridden by a generic rule. Move them down to the place where the sample catbg rules are.

Code:

---

#categories li a.catBg2 {
    background-image: url(../buttons/english/catbg2.gif);
    height: 30px;
    }

#categories li a.catBg2:hover {
    background-image: url(../buttons/english/catbg2hover.gif);
    }
       
/*change  bullet when a category w/o bg image is open to subs:*/
#categories li a.cat-parent-text {
    list-style: square inside url(../images/bullet2.gif);/*change to list-style: none; to remove bullet*/
    }

/*change  bullet when a category w/o bg image is open to products:*/
#categories li a.cat-selected-text {
    list-style: square inside url(../images/bullet3.gif);/*change to list-style: none; to remove bullet*/
    }

/*disable bullet for cats w/ image or bg image*/
#categories li a.cat-parent, #categories li a.cat-selected, #categories li a.cat-not-selected {
    list-style: none;
    display: block;/*fix IE6 margin-left bug*/
    }

/*different bullet for links if desired*/
/*
#categories li a.category-links {
    list-style: disc inside url(../images/bullet4.gif);
    }
*/

/* top category hover effects*/
#categories li.cat-top a:hover {
    color: #dd6633;
    background:  #ddeeff url(../images/catbghover.gif);
    }

/* subcategory hover effects*/
#categories li li.cat-subs a:hover, #categories li li.cat-products a:hover {
    color: #aa9966;
    background: #ffb9ff url(../images/catbghover.gif);
    }

/*individual page rules go after the general rules*/
/*example for individual category as bg image*/
#categories li a.catBg25 {
    background-image: url(../buttons/english/catbg25.gif);
    height: 30px;
    }

#categories li a.catBg25:hover {
    background-image: url(../buttons/english/catbg25hover.gif);
    }

#categories li a.catBg2 {
    background-image: url(../buttons/english/catbg2.gif);
    height: 30px;
    }

#categories li a.catBg2:hover {
    background-image: url(../buttons/english/catbg2hover.gif);
    }

---

The rules in orange are interfering with your rules (in red). Move your rules to the position shown in green.

Thank you so much, that's very helpful! I thought it was something to do with the stylesheet :blush:

CaptainCarlton - The different boxes have their own classes for box content, so you can address them individually.
The subcategory listing is .categoryListBoxContents {}, featured centerbox is .centerBoxContentsFeatured {} and the specials centerbox is .centerBoxContentsSpecials {}.

Quote:

---

Originally Posted by autoace

@gjh42

I have categories dressing v2_8 installed. I have all my top cats and sub cats1 showing on the home page. A couple of my top cats have more than 10 sub cats1, is there a way to change it to where a max of 10 sub cats1 are displayed on the home page?

---

I said earlier that this would be fairly complex new coding, and it would be if done in PHP, but I just thought of a CSS workaround that may be acceptable for homepage use.

Something like

Code:

---

#indexHomeBody #chcategories>ul>li+li+li+li+li+li+li+li+li+li+li {display: none;}

---

I haven't tested this; please let me know if it works for you. Your setup might differ slightly and interfere with this as written.

hello, in danger of sounding like a wally.... ive seen a few references to version 2.8, the only version i have found in the addons area is 2.73 (last update May 31 2009) is there a link to the newest version or is it a private release?

im using ZC 1.3.9h if this is of any relevance :)

thanks

Edit: Ive found the mod - bah! sorry! :)