Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product List Heading removal

Product List Heading removal

Locked

Views: 4,582

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
8 Sep 2006, 4:06 PM
#1
minnie_mouse avatar

minnie_mouse

Zen Follower

Join Date:
Jun 2005
Posts:
119
Plugin Contributions:
0

Product List Heading removal

hi,
i want to get rid of the column headings for each field in the product list page.
basically skip the top row.

<tr class="productListing-rowheading"> <th class="productListing-heading" scope="col" id="listCell0-0">Product Image</th> <th class="productListing-heading" scope="col" id="listCell0-1"><a href="http://s13.securedview.com/lindasy/index.php?main_page=index&cPath=1&page=1&sort=2a" title="Sort products descendingly by Item Name" class="productListing-heading">Item Name-</a></th> </tr>

when i delete the relevant (well, what i think is the relevant) code from the product_listing.php page (lines18 -69) it takes out that row AND removes the first product. so if i have 3 products in a category it then only shows two.

i thought of using css to make the words white. or deleting the titles so the cells are empty, but i ideally would like to get rid of the whole row so i dont have extra white space.

does anyone know how to turn the headers off.

thanks!
MM

8 Sep 2006, 4:22 PM
#2
schatzy avatar

schatzy

New Zenner

Join Date:
Jun 2006
Location:
Central Massachusetts
Posts:
46
Plugin Contributions:
0

Re: Product List Heading removal

The headers also alow you customer to be able to resort the list that comes up by product, by model, by item, and by price etc.

If you take out this line then they will no longer be able to resort the list.

Are you sure you want to do this? I understand it may make it look nicer but the functionality is also nice to have.

If you still want to remove it give which version are you using. it may make a difference

Schatzy

8 Sep 2006, 4:50 PM
#3
minnie_mouse avatar

minnie_mouse

Zen Follower

Join Date:
Jun 2005
Posts:
119
Plugin Contributions:
0

Re: Product List Heading removal

oops, forgot that.
i am using version1.3.02

i dont think in this case the sort feature will be useful. my client only has a few (at most 8) products per category. she will not be making any more. all the products are her manufacture...

i think we can safely get rid of the header. it would be nice if i could just turn this off and on in the admin..

thanks for any help.
MM

8 Sep 2006, 4:55 PM
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Product List Heading removal

Turn it off in your stylesheet:

add:

TR.productListing-rowheading {display: none;}

By the way, your right sideboxes don't display in the right place in IE...

8 Sep 2006, 5:04 PM
#5
minnie_mouse avatar

minnie_mouse

Zen Follower

Join Date:
Jun 2005
Posts:
119
Plugin Contributions:
0

Re: Product List Heading removal

DOH!
every time i get cocky about my skills... i forget the obvious.
thanks drbyte. great idea!

i ihavent proofed in ie (that hellish non-compliant browser that for some unfathomable reason everyone uses)yet. i knew there would be some major problems with the css because i dumped the framing table and went to all div layout.
i think there are still some stray td's floating around...also i think i need to add the box model hack so my columns all fit (that may be the problem now).

i build in firefox and then reengineer / proof the rest later. at least that way i know i am compliant. usually if i do that and it works in firefox it works in most other browsers (besides ie) with little tweaks.

i guess i will have big tweaking to do when i get that far (i have been kinda afraid to look to be honest). thanks for the heads up!

as long as you looked what do you think otherwise (if you look in firefox it should be working).
MM

8 Sep 2006, 5:11 PM
#6
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Product List Heading removal

Minnie Mouse:

as long as you looked what do you think otherwise (if you look in firefox it should be working).
MM
nice clean tidy site. good use of whitespace and font sizes. pleasant, peaceful, appealing.
nicely done.

8 Sep 2006, 5:17 PM
#7
minnie_mouse avatar

minnie_mouse

Zen Follower

Join Date:
Jun 2005
Posts:
119
Plugin Contributions:
0

Re: Product List Heading removal

thanks! that's just what we were after. its nice to get feedback finally. i wasnt going to ask yet, but figured as long as you peeked, why not ...
thanks again, MM

8 Sep 2006, 5:17 PM
#8
schatzy avatar

schatzy

New Zenner

Join Date:
Jun 2006
Location:
Central Massachusetts
Posts:
46
Plugin Contributions:
0

Re: Product List Heading removal

Minnie Mouse,

Love the colors. Very smooth design, flows well together.

When will it be only for purchases. The wife loves this kind of stuff

Schatzy

8 Sep 2006, 5:37 PM
#9
minnie_mouse avatar

minnie_mouse

Zen Follower

Join Date:
Jun 2005
Posts:
119
Plugin Contributions:
0

Re: Product List Heading removal

thanks, the products are already for sale on her old site ( http://www.lindasy.com ). you will see from that why we are redesigning, i used softcart on it many years ago. but it does function. mostly.

otherwise our launch will probably be in 3-4 weeks. i need to finish the photo prepping, the site pages, the payment module setup and proof. and its just me with a bunch of other clients too... so dont wait for it, now that i list it all out... i could see it taking longer. sigh.

her products are really great. my husband uses them. he had all these dry patches on his face and the vita oil got rid of them.

i used the zinco on my kids.

MM

11 Jun 2009, 4:38 PM
#10
beep avatar

beep

New Zenner

Join Date:
Nov 2008
Location:
London
Posts:
94
Plugin Contributions:
0

Re: Product List Heading removal

DrByte:

Turn it off in your stylesheet:

add:

TR.productListing-rowheading {display: none;}

> 
> By the way, your right sideboxes don't display in the right place in IE...

DrByte,
I am trying to do the exact same thing as Minnie it seems. I tried the css code 

.productListing-rowheading {
	display: none;
	}

But this didn't do a thing. Also can't seem to white on white it either.

Beep
<https://www.queenib.com/design>
11 Jun 2009, 5:14 PM
#11
minnie_mouse avatar

minnie_mouse

Zen Follower

Join Date:
Jun 2005
Posts:
119
Plugin Contributions:
0

Re: Product List Heading removal

you may need it to have the tr. in your css declaration. it is probably not overriding what it is supposed to.
use firebug to see which declaration is actually being deferred to. then overwrite it.
example.

you have a tr declaration
div table tr {color: red;}
and then you in your stylesheet do something like this
.red {color: red;}
it may not read the class unless you do your second declaration
div table tr.red
this is a bad example, but the idea is, sometimes the cascade gets complicated. but in firebug you can see which rule is being applied and then use that, add the class to it and it should work

11 Jun 2009, 5:56 PM
#12
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Product List Heading removal

Minnie is right.
However, we can't help you with specific differences in your template vs the info in this very old thread (which may apply to older templating content) while your site is in down-for-maintenance mode.

That said, use the how-to tips that Minnie just posted as a guide to finding the correct element to use as the selector in your stylesheet.

15 Jun 2009, 8:44 AM
#13
beep avatar

beep

New Zenner

Join Date:
Nov 2008
Location:
London
Posts:
94
Plugin Contributions:
0

Re: Product List Heading removal

Ah, its ok now. It seems it just wasn't uploading properly. Good fix

8 Mar 2010, 1:44 PM
#14
stevenw avatar

stevenw

New Zenner

Join Date:
Jan 2010
Posts:
37
Plugin Contributions:
0

Re: Product List Heading removal

Just updating this old thread for people who may be searching for the solution to this. Yep, you should be able to turn it off in admin really, but you can't.

I would also suggest avoiding using "display none" for the accessibility issues outlined:

http://www.zen-cart.com/forum/showthread.php?t=121686

You'll find it's a quick and easy solution to get rid of the productlisting headings without resorting to the hammy and borderline illegal "display:none."