Categories Dressing

[wudchuk]

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: 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!

[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).

[keneso]

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.

[gjh42]

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;
    }

[wudchuk]

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?mai...=index&cPath=1

[gjh42]

(Problem solved in another thread.)

[keneso]

Re: post-984, and post-985

Thanks a lot.

It did it.

You are very generous, and kind.

[ben harry]

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

[gjh42]

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.

</ul><hr id="catBoxDivider" /><ul class="catLinks">

You do have a slightly older version which had some <ul> nesting bugs, though I don't see how that could affect what you have.

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

[giuly]

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