Coding css changes into 2 category 3 subcategory tpl_categories.php

[gjh42]

You will want to turn off category counts, and set subcategories indent and separator to blank, in your admin. Also turn off new products etc. instead of using css to blank them out.

This CSS will give you a start on arranging your subcat boxes.

/**
* CSS Stylesheet for Categories Dressing examples
* copy/modify desired sections into main stylesheet, integrating with existing declarations, and delete this file
* Categories Dressing v2.0   Glenn Herbert (gjh42)  2007-07-13
*/

/*
edits for headsonics 2007-07-25
*/
#navCatTabs a.category-top {color: #000000;}

#indexCategories .catPriceHeading1 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    /*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    display: block;
    padding: 0.3em 0.4em;
    margin-top: 2px;
    margin-bottom: 2px;
    }
#indexCategories .catTypeHeading1 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    /*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    display: block;
    padding: 0.3em 0.4em;
    margin-top: 2px;
    margin-bottom: 2px;
    }  
#indexCategories .catBrandHeading1 { 
    font-family: 'times new roman', serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #335511; 
    background-color: #ff66ff;
    /*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
    display: block;
    padding: 0.3em 0.4em;
    margin-top: 2px;
    margin-bottom: 2px;
    }    


/*display all cat box links as block*/
#indexCategories a {
    background-repeat: no-repeat;
    display: block;
    }
	
/*example for individual category as bg image*/
a.catBg25 {
    background-image: url(../images/catbg25.gif);
    height: 30px;
    }

a.catBg25:hover {
    background-image: url(../images/catbg25hover.gif);
    }
	
#indexCategories a.category-subs-text, #indexCategories a.category-products-text  {
    /*background-color: #ff69ff;*/
    color: #6699aa;  
    /*margin: 0.2em 0;*/
    /*padding: 0.2em 0.3em;*/
    } 

#indexCategories a.category-subs-text:hover, #indexCategories a.category-products-text:hover  {
    /*background-color: #ff69ff;*/
    color: #ff9966;  
    /*margin: 0.2em 0;*/
    /*padding: 0.2em 0.3em;*/
    } 

#indexCategories #catPrice { position: absolute; top: 300px; left: 100px; width: 170px; height: 180px; border: 2px solid #cacaca; padding: 10px;}

#indexCategories #catType { position: absolute; top: 300px; left: 350px; width: 170px; height: 180px; border: 2px solid #cacaca; padding: 10px;}

#indexCategories #catBrand { position: absolute; top: 300px; left: 600px; width: 170px; height: 180px; border: 2px solid #cacaca; padding: 10px;}

[dvasdekis]

Glenn,

Thankyou once again, as always. I've implemented all the CSS and the finished template is going up on my live site now. Every second of help you've given me has let me do a great deal of learning and work on my own, and I doubt this could have come along anywhere near as swiftly (if at all) without your help.

The one aspect of the code I don't understand in your above post is

/*example for individual category as bg image*/
a.catBg25 {
    background-image: url(../images/catbg25.gif);
    height: 30px;
    }

a.catBg25:hover {
    background-image: url(../images/catbg25hover.gif);
    }

Is this intended to put the subcategory (each individual price group, each individual brand, etc.) images into the boxes? If so, how is it accessed in the php? Should I go along as per this post of your, adding spans to each subcategory?

Thanks again!

[dvasdekis]

NEVERMIND. See bottom of this post for fix.

I know its been a while, but I'm just going through a move to a new server. I'm now getting this error code on the pages where the 3 box layout should display. As far as I can see, the files in the two directories it mentions in the error codes are identical between my old working server and this new one.

Warning: main(includes/templates/wogeordie/common/) [function.main]: failed to open stream: No such file or directory in /home/vasdekis/public_html/includes/modules/sideboxes/categories.php on line 27

Warning: main(includes/templates/wogeordie/common/) [function.main]: failed to open stream: No such file or directory in /home/vasdekis/public_html/includes/modules/sideboxes/categories.php on line 27

Warning: main(includes/templates/wogeordie/common/) [function.main]: failed to open stream: No such file or directory in /home/vasdekis/public_html/includes/modules/sideboxes/categories.php on line 27

Fatal error: main() [function.require]: Failed opening required 'includes/templates/wogeordie/common/' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/vasdekis/public_html/includes/modules/sideboxes/categories.php on line 27

Any ideas?

Solution: Don't be dumb like I did and turn off the left column globally.

[gjh42]

I really like the way your site turned out. I have just a couple of comments/suggestions you may not have thought of.

The logo alt text (displays when you hover over the logo) could be customized in /includes/languages/english/your_template/header.php, and

You might put a test around the "Home" link in the navbar to not display it on the home page. Links that lead to where you already are are bad ergonomics.

if (!$this_is_home_page) {
...home link code...
}