Categories Dressing

Perfect Glan, thank you. Looks better now I think?

Yes, I like the subcats going to bold and a hair larger better than the stretching you had before - It seems like a more natural emphasis and not distracting.

I promise I'm not being lazy, I've read over the board and faq a bunch of time, but right now I'm just not understanding a lot of stuff, I think if someone is able to push me in the right direction, then the learning curve might go pretty quickly.

My site is: https://www.themeatgoat.com

I populated buttons in the folders and got the 1st column heading to work. That was awesome!

Here is my challenge list:

1. I want to make all the items on the left buttons and headers like I the ones i was able to figure out. But I'm having lots of trouble figuring out what kind of code to write and where to write it.
2. how do I figure out what to name the gifs so they autopopulate over the current ones
3. how do I take out the Catagories headers that came with the template, so I'm not duplicating them when I create them with this program.

Thanks for the help!

Are you wanting the "GoatProducts" heading to replace the "Categories" sidebox heading? Then you want to use the Image Titles mod for that and the other box headings.

I notice that you have some text constant names displaying where there is usually some ordinary text, like TABLE_HEADING_IMAGE, TABLE_HEADING_PRICE and TEXT_NO_PRODUCTS. Did you delete those define statements in an attempt to eliminate the text? That won't work - you need to restore the define statements and change the definitions from 'Whatever text' to '' (two single quotes).

Hi again, and thanks for your patience.

As by your suggestion here, I did the changes, butI think I am missing something.
1 - when I put no-repeat in #categories ul a
the backround image disappears
2 - I was trying to leave the "new items/products", and the "all products" links w/o the background image.

Also you said:
"Since you don't want to distinguish between various types of categories at each level"

I wouldn't mind distinguishin between them, if I could get the look I need; though I have to understand exactly the advantages.

Thank you again.

For the "ul a" rule, you put the background: property after the background-image: property. background: resets everything that is not explicitly described in it to default (null in this case). When you use background: in a rule, put everything background-related in that rule.

Also, giving a bit of left margin to subcats will align them correctly.

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
	/*border: 2px solid #F00;*/
    margin: 0 0 0.4em 0;
    padding: 0;
    }

#categories ul a {/*top categories*/
    display: list-item;
    list-style: disc inside url(../images/bullet_01.gif);/*change to list-style: none; to remove bullet*/
	background: #FF0000 url(../images/category_bg_01.jpg) no-repeat; /*aggiunta mia*/
	height: 24px;
    border: none;
    margin: 0;
    padding: 5px 0 0 0;
    }

#categories ul ul {/*subcategory lists*/
    list-style: none;
    background: none;
    border: none;
    margin: -4px 0 9px 0;
    padding: 0 0 0 10px;
	/*border: 2px solid #0FF;*/
    }

#categories ul ul a {/*subcategories*/
    display: list-item;
    list-style: circle inside url(../images/bullet_01.gif);/*change to list-style: none; to remove bullet*/
    background: #00FF00 no-repeat url(../images/category_bg_02.jpg); /*aggiunta mia*/
    border: none;
    margin: 0 0 0 9px;
    padding: 0;
    }

#categories ul ul ul {/*subcategory lists*/
    list-style: none;
    background: none;
    border: none;
    margin: -4px 0 0 0;
    padding: 0 0 0 10px;
	/*border: 2px solid #000;*/
    }
	
#categories ul ul ul a {/*sub-subcategories*/
    display: list-item;
    list-style: circle inside url(../images/bullet_01.gif);/*change to list-style: none; to remove bullet*/
    background: #0000FF no-repeat url(../images/category_bg_03.jpg); /*aggiunta mia*/
    border: none;
    margin: 0 0 0 18px;
    padding: 0;
    }
```You can address the link backgrounds here (uncomment the rule):```
/*different bullet for links if desired*/

#categories li a.category-links {
    list-style: none;
    background: none;
    }

gjh42:

Are you wanting the "GoatProducts" heading to replace the "Categories" sidebox heading? Then you want to use the Image Titles mod for that and the other box headings.

I notice that you have some text constant names displaying where there is usually some ordinary text, like TABLE_HEADING_IMAGE, TABLE_HEADING_PRICE and TEXT_NO_PRODUCTS. Did you delete those define statements in an attempt to eliminate the text? That won't work - you need to restore the define statements and change the definitions from 'Whatever text' to '' (two single quotes).

Love the Image Titles mod, looks great! I think the site is finally starting to look somewhat presentable with your help! Thanks!

Re: the Table_Stuff

I don't remember doing anything to try to change those. And now I am unable to track down the spot where the define statements are missing. Would you have any idea at all?

http://themeatgoat.com/index.php?main_page=index&cPath=1

(Problem solved in another thread.)

Re: post-984, and post-985

Thanks a lot.

It did it.

You are very generous, and kind.

I hope someone can pin point this error quite easily on http://www.bodykitsonline.co.uk/ at the bottom of the left hand category list underneath sale items and specials there is a little square, its line 144 in view source. Just wondering where to go to delete it.

Thanks

I don't know where that could have come from. Did you do any editing of tpl_categories.php at all? Can you post the section for a few lines above and below the place that outputs this, in [php] and [/php] tags, please.```html

Posting that copy/paste from your view source eliminates the square. I wonder if it is some kind of blank in another character set??

hello, I installed this addon on local pc to test (so on classic template)
I would only to have three sideboxes with different types of products.
And I would maintain the same template classic, so without change.

I installed all, but I didn't understand how to do these things.

Like the site of Glenn, future relics, as collections in 1 sidebox, and all ...... in another sidebox.

How can I do this?
thanks in advance
:lamo:

Give your categories sort orders so they appear in the order you want, then make the first category in each of the three sidebox groups a "group" leader (set a define statement to start a new group with that category).

Then you can style those groups in your stylesheet as separate boxes. The readme has detailed examples, and there are screenshots with styling examples around posts 501-510 in this thread.

HI, in reply to your post number 990 - sorry to be lacking common sense here, but im not sure where the file is that you want me to copy/paste from.

I first assumed it would be in the /extra_definitions/custom/categories_dressing_defines.php file, but after looking there i think its just the area where you add the divider lines and i couldnt see any area's that could have added that error.

I dont think i did any editing in tpl_categories.php it all looks original

Thanks
Ben

Even if you don't think you edited it, it's the only reasonable source for the extra character. You should have this:```php
$content .= cat_ul_manage(0, $prev_cat_depth, 0) . '</ul>' . "\n";

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') {
// display a separator between categories and links
if (SHOW_CATEGORIES_SEPARATOR_LINK == '1') {
$content .= '<hr id="catBoxDivider" />' . "\n";

Maybe your site is somehow misreading the "\n" after the '</ul>'?
That is only a view source formatting character and should not be displayed on the website screen.

You don't have Cat Dressing active now, so I can't check it live, but your view source before should have looked like```

What have you been using to edit files?

Hi, thanks for your input, i have removed the mod today as im going to re-install it freshly. I have been trying my best to remove as many errors as possible from w3c which has resulted in lots of my original designs being deleted in order for me to start again from scratch. Im now down to the final 13 errors to clear. Im going to re-install your mod over the weekend so i'll post again when its done and fingers crossed the little error i had wont be there.

I normally edit files in my cpanel files, or if there quite big edits i use notepad and copy/paste the code in, i know it isnt the best way of doing it but for the time its the only way i know how.

Thanks
Ben

For editing, I suggest downloading a full backup of your Zen Cart files to your pc and putting them in an easy-to-reach place. Then install a good text editor like Notepad++. If you edit and save files there, then upload to your site, you will always have an up-to-date backup in case of server problems. Give Notepad++ and Filezilla (or whatever you use) icons/links in conveinent places on your computer screen, and it will quickly become easy to do it the right way. You will like the syntax highlighting, too, as it can show you when you have tiny fatal things like a missing '.

I want to change the Hover Color on my categories to Orange.
https://www.NothingButCostumes.com

I tried editing a section in the categories dressing style-sheet but it did not work.

The rules you added near the middle of stylesheet_categories_dressing.css were not specific enough to overcome the existing rules at the bottom of the file:```
/* top category hover effects*/
#categories li.cat-top a:hover {
color: #ff9933;
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);
}
Change those color and background properties as you like, and delete the color from these rules:
li.cat-top a {text-decoration:none;
color: black;
}
li.cat-top a:hover {
color: black;
background:#FFCC66;

}