Categories Dressing

gjh42:

Add to the rule

#categories li a {
background-image: url(../buttons/english/catbg-top.gif);
text-align: center;

Thanks for your reply. I should have been more specific in my original questions. The text appears over the image but I can not seem to align the text vertically to center it in the middle of the height of the image.

TIA TOM :cool:

https://www.stitchboutiqueboston.com

Find and add to your stylesheet_categories_dressing.css```
#categories ul a {/top categories/
font-family: 'comic sans ms', sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #ffffff;
display: list-item;
background-image: url(../buttons/english/catbg-top.gif);
height: 28px;
list-style: disc inside url(../images/bullet1.gif);/change to list-style: none; to remove bullet/
border: none;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 23px;
}

Thanks :bigups:

Hi,

First of all Great mod...

I´ve installed this module just fine and it´s working great... I just can´t figure out how to make the specials, new products, featured products and all products to work as the categories buttons with rollover background...

Can anyone help?

Here´s my site http://www.pedradatattoosupplies.com

Thx in advance

I am away from my main computer now so don't have the instructions at hand, but it should be in the readme, and very similar to the category background setup. I will check on it when I get home tomorrow if you still need help.

Thx for your quick reply.
I´ve read the readme again and didn´t find anything.

I tried this:

#categories li a.catBgspecials {
background-image: url(../buttons/portugues/catbg_specials.png);
background-position: center;
height: 30px;
}

#categories li a.catBgspecials:hover {
background-image: url(../buttons/portugues/catbg_specialshover.png);
background-repeat: no-repeat;
background-position: center;
height: 30px;
}

Still doesn´t work
I believe it has something to do with cpath...

Can you help?

Thx in advance

On reviewing the files, there is no facility in v2.7.3 for replacing link names with images. This can easily be added by replacing one line for each link (specials, new, featured and all products).
For example, find this line```php
$content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . CATEGORIES_BOX_HEADING_SPECIALS . '</a>' . '</li>' . "\n";

CATEGORIES_BOX_HEADING_SPECIALS
with
cat_name_display(CATEGORIES_BOX_HEADING_SPECIALS, 'specials')
to get```php
        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . cat_name_display(CATEGORIES_BOX_HEADING_SPECIALS, 'specials') . '</a>' . '</li>' . "\n";

Make similar replacements for new, featured and all products.

Name images like catBgspecials.gif, and style like

#categories li a.catBgspecials {
background-image: url(../buttons/portugues/catbgspecials.gif);
background-position: center;
height: 30px;
}

If you want to use png images, you will need to change code in the functions for v2.7.3.

This feature is not in the posted beta for v2.8, but I will add it to the final release.

Sorry, my computer crashed before I could correct this typo. The image names should all be lowercase:

Name images like catbgspecials.gif.

I forgot to mention that the above code replacement is to be done in /includes/templates/your_template/sideboxes/tpl_categories.php.

Hi again,

Something must be wrong...

I made the changes and triple checked everithing... even tried with png and gif...

Some code must be missing because it´s showing "array" in place of the specials link

Thanks for the feedback. I had forgotten that the function returns an array. It will take a bit more code. Use this:```php
$link_name_display = cat_name_display(CATEGORIES_BOX_HEADING_SPECIALS,'specials');
$content .= ' <li><a class="category-links' . $link_name_display[0] . '" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . $link_name_display[1] . '</a>' . '</li>' . "\n";

This will replace foreground images, but not background/hover images. That would take a bunch more coding to arrange, much of it new code since $cPath is not involved at all. I will look at this later for inclusion in v2.8.

THX... It´s working :clap:

Once again congratulations for this great mod...
Keep up the good work

Best Regards

Hi there,

How can I have a set of categories show depending on what category/product is being viewed?
Can it be done with this mod?

Thanks

Are you looking for the same functionality described in post 1575 above?

gjh42:

Are you looking for the same functionality described in post 1575 above?

Will test the solution you posted for post 1575. Just wondering though, apart from showing the subcategories for the selected category, can we still keep showing what we currently have on the left hand side just below the subcategories? Looking for the same effect as in "circuitcity dot com".

All the best

The circuitcity.com setup is exactly what that post is talking about. What do you currently have on the left hand side?

By the way, re: post 1590, I have tested the functionality for having links replaced by foreground or background images, change on hover and highlight when current. This will be in v2.8; ask if you want to try it out now. The main holdup on v2.8 now is a seemingly intractable IE7 bug that will not let image-replaced categories lose the list-item indent. Nobody seems to have found a solution to it, just workarounds that won't work here.

I see what you mean about circuitcity - you have to go down another level to have the full set of categories display there. I helped someone a while ago with a setup similar to that (adi2009).

gjh42:

I see what you mean about circuitcity - you have to go down another level to have the full set of categories display there. I helped someone a while ago with a setup similar to that (adi2009).

Hello,

At the moment, we have a different set of categories on the left hand side (Popular Brands etc.)
We need this to keep showing when no "top category" is selected so we are using the following setting:

define('CAT_BOX_ACTIVE_LEVEL', '2|0|1');//show only active cats, to first subcat level

The problem with this is that it also shows the "top categories" on the left sidebox. Is there any way to hide them?
We cant change the "active" setting to 0 or 1 as the doing so hides the "popular brands" categories.

And im not sure what you mean about going down another level to have the full set of categories to show below.
Do we need to install ChCategories?

Thanks

The full set of categories is only displayed on the circuitcity site when you go deeper than the first subcategories you get from the dropdown menu.

If you don't want other than top categories displaying in the sidebox outside of the active tree, you don't need chcategories. On the other hand, using chcategories can get you two sideboxes, one for top cats and one for the current tree. CSS can hide the unwanted levels in each sidebox, or you can code a special "case" for the active/level control function as I have shown here several times for different situations.