How to get RID of Category Box?

[vishalon]

Hi EveryBody

I don't want to show Category Text Box on a page which is defined by me Mynew Page.php
Very simple job for you all experts. Please guide me in removing this Category Box from my page.

Regards
Vishal

[vishalon]

Dear All

Can any body have answer of my problem... I don't want to show Category Box on every page, instead of that box I have a PRODUCT CATALOG Button on my menu from where I want to Go on Category Page. From where Subcategory can be selected
My Product hierarchy is like this
Main Category
|_ Sub Category
|_Product List

Please help me in solving this problem

[schoolboy]

Why are you adding an EXTRA STEP for your customers?

Consider:

Your site takes 3 clicks to get to a product

Your competitor's site takes 2 clicks to get to a product.

Your competitor's site is 33% MORE EFFICIENT than yours.

I have spent nearly 10 years in e-commerce... ADDING extra steps is something I would never do. Striving to REMOVE steps is what should be your goal.

[vishalon]

Yes
I 100% agree with you. But I have few pages which requires full space of page and if I don't remove this box then I am not getting that space.
You can see my page here

login - vishaldb28@ gmail.com (no blank space)
password - 12345678

Regards with thanx

[schoolboy]

Do you want to hide the entire COLUMN (left and/or right)?

If so then you do this by specifying the said pages in tpl_main_page.php .

Alternatively, you can try using a page specific stylesheet...

... try creating one called myNewPage.css

And adding {display:none} declarations for any DIVS you don't want to appear.

[vishalon]

Hi Schoolboy

I already created myNewPage.css but not exactly know where to modify in that file, and can you please give some detail for tpl_main_page.php

Thanx

[vishalon]

Great Schoolboy

You should say yourself as Principal

I added display:none; in myNewPage.css

.rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}

.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
}

And I got what I want
Thank you very much

[schoolboy]

Excellent news! Well done...

If you install the firefox browser, then go grab a few of the free plug-ins (developer toolkit, firebug, colorzilla), you will be able to identify page elements for any displayed screen page, and then use the tools to "unpick" and analyse these elements.

With firebug you can even do offline edits to CSS to see what changes to the CSS would have in a live page.

These tools are essential for all zenners, so go get them and discover how they can help you.

[vishalon]

Thank you again for your guidance, rally Firebug is worthy to install