Categories Dressing

Find and add to your stylesheet_categories_dressing.css

Code:

---

#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 Code:

---

        $content .= '<li><a class="category-links" href="' . zen_href_link(FILENAME_SPECIALS) . '">' . CATEGORIES_BOX_HEADING_SPECIALS . '</a>' . '</li>' . "\n"; 


---

and replace
CATEGORIES_BOX_HEADING_SPECIALS
with
cat_name_display(CATEGORIES_BOX_HEADING_SPECIALS, 'specials')
to get

PHP Code:

---

        $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 Code:

---

        $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"; 


---

adjusted for each link.

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.