Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove product List heading and description

Remove product List heading and description

Views: 9,194

Results 1 to 18 of 18
3 Mar 2009, 11:59 PM
#1
madkaw9 avatar

madkaw9

New Zenner

Join Date:
Feb 2009
Posts:
22
Plugin Contributions:
0

Remove product List heading and description

I even have the e-book and I can't find this. I want to turn off the product list heading and description. I found a thread that said to edit this line of code in my stylesheet but I don't have it. Can I just add it? Obviously not a programmer.

TR.productListing-rowheading {display: none;}

Thanks

4 Mar 2009, 12:57 AM
#2
madkaw9 avatar

madkaw9

New Zenner

Join Date:
Feb 2009
Posts:
22
Plugin Contributions:
0

Re: Remove product List heading and description

I see that code in my previous post is for the product row heading not the product list heading. I tried it and it did remove the product row heading but I want to remove the product list heading and description.

Thank You

4 Mar 2009, 1:38 AM
#3
madkaw9 avatar

madkaw9

New Zenner

Join Date:
Feb 2009
Posts:
22
Plugin Contributions:
0

Re: Remove product List heading and description

Added this to stylesheet and it removed the category. Can anyone tell me how to remove the descrition?

#productListHeading {
display:none; }

Thank You

5 Mar 2009, 9:26 PM
#4
svampola avatar

svampola

New Zenner

Join Date:
Mar 2007
Location:
Serbia, Niš
Posts:
69
Plugin Contributions:
0

Re: Remove product List heading and description

I'm not quite sure where you want to change those product elements:

Before you changed stylesheet, you should have tried with admin panel.

Configuration/product listing - for product listing page
Configuration/product info - for product info page

Put the Display Product Description to zero (0) instead default 150 characters.

1 Feb 2010, 1:00 PM
#5
dudeshane01 avatar

dudeshane01

New Zenner

Join Date:
Aug 2009
Posts:
17
Plugin Contributions:
0

Re: Remove product List heading and description

Hi SVAMPOLA
Thanks for the quick advice.
I was having the same trouble as the guy above .
Fixed it in a jiffy .
You can have a look at my designer silver jewelry site now for the look after changing.

4 Mar 2010, 2:25 AM
#6
jonasrullo avatar

jonasrullo

New Zenner

Join Date:
Sep 2009
Posts:
27
Plugin Contributions:
0

Re: Remove product List heading and description

Description still shows after setting display product description to zero (0). That only sets the text to nothing displayed. Layout still reserves room for the text area but with nothing inside. The "box" is still created, it's just blank.

Also cannot remove Item Name+ Price heading text. I need to remove the area set to css class name: productListing-heading. I do not want a sort link or text in the category listing. How do I remove this text and the box it occupies?
I see that the text is created in product_listing.php, however just deleting the code that generates the text still leaves a box that acts like a product but is blank.

How do I remove these?

4 Mar 2010, 5:37 AM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove product List heading and description

The description occupies the same table cell as the product name, so unless you eliminate the name display, you can't eliminate the space that would hold the description.

For the headings, just add to your stylesheet```
.productListing-rowheading {display: none;}

This will hide the space as well as the text.

If it does not work, post a link to see your site, as some commercial templates change the standard Zen Cart code so much that the normal design tweaks will not work.
8 Mar 2010, 1:21 PM
#8
stevenw avatar

stevenw

New Zenner

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

Re: Remove product List heading and description

gjh42:

The description occupies the same table cell as the product name, so unless you eliminate the name display, you can't eliminate the space that would hold the description.

For the headings, just add to your stylesheet```
.productListing-rowheading {display: none;}

> This will hide the space as well as the text.
> 
> If it does not work, post a link to see your site, as some commercial templates change the standard Zen Cart code so much that the normal design tweaks will not work.

This solution is the ultra-lazy, ham-fisted way of doing things that has made the internet the inaccessible beast it is today. Any developer worth his / her salt (erm, me) will advise you not to use {display:none} or even {visibility:hidden} because the thing you want to hide is **not** hidden from those who browse using text-only browsers like Lynx, those who surf with css off, or of course screenreaders. 

Have some consideration, folks, and don't accept lazy "display none" solutions. They make the web trappy for people who should have things made easier.

Here is a the proper way to get rid of the productlisting-rowheading - **all you have to do is change one number**, so don't panic:

1: Open includes/templates/template_default/common/tpl_tabular_display.php

2: find this line:

  for($row=0; $row<sizeof($list_box_contents); $row++) {
    $r_params = " ";
    $c_params = "";
    if (isset($list_box_contents[$row]['params'])) $r_params .= ' ' . $list_box_contents[$row]['params'];

3: Change the $row=0 to $row=1

This ensures that the headings (which begin at row 0) cannot display. Nothing else is affected.

Simples.
24 Aug 2010, 7:07 PM
#9
kevkong avatar

kevkong

New Zenner

Join Date:
Aug 2010
Posts:
1
Plugin Contributions:
0

Re: Remove product List heading and description

stevenw, get over yourself man!!

People are asking for help and you write that condescending tripe!

The web's a visual medium and you can't cater for everyone however people like you will always try and jump on the accessibility band wagon, probably designing poor sites that you claim as accessible and sing to the heavens about it, yawn yawn yawn.

I've found that many designers/developers who bang on about accessibility are normally hiding the fact they have no talent so instead set out their stall as an accessibility guru!!!!

List your urls, lets see how accessible/usable they are?????

Your answer was correct but just get off your high horse.

24 Aug 2010, 7:18 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove product List heading and description

I held my tongue when this was first posted because it actually is the theoretically best way of doing it (not necessarily the most practical way to advise newbies). Most cases of hiding an element are not as easily done in the code as this. But "because the thing you want to hide is not hidden from those who browse using text-only browsers like Lynx, those who surf with css off, or of course screenreaders" is misleading. In many cases, like this one, you would want that visually hidden element to display when the styled visual cues are absent.

3 Oct 2010, 8:31 PM
#11
lauraf avatar

lauraf

New Zenner

Join Date:
Sep 2009
Posts:
2
Plugin Contributions:
0

Re: Remove product List heading and description

Stevenw,

Thanks for posting this method of hiding the column headings. It was easy and worked like a charm.

For those who are not familiar with Zen Cart custom templates, I would only add that the modified file should be saved to includes/templates/YOUR_CUSTOM_TEMPLATE/common/tpl_tabular_display.php so as not to overwrite the file in /template_default/

Laura

stevenw:

Here is a the proper way to get rid of the productlisting-rowheading - all you have to do is change one number, so don't panic:

1: Open includes/templates/template_default/common/tpl_tabular_display.php

2: find this line:

for($row=0; $row<sizeof($list_box_contents); $row++) {
$r_params = " ";
$c_params = "";
if (isset($list_box_contents[$row]['params'])) $r_params .= ' ' . $list_box_contents[$row]['params'];

3: Change the $row=0 to $row=1

This ensures that the headings (which begin at row 0) cannot display. Nothing else is affected.

Simples.

7 Jun 2011, 9:59 PM
#12
tamalita avatar

tamalita

New Zenner

Join Date:
Jan 2006
Posts:
57
Plugin Contributions:
0

Re: Remove product List heading and description

thanks for the info! couldn't find which php file to edit and this did the job!

1 Aug 2012, 1:46 AM
#13
avaadorn avatar

avaadorn

Zen Follower

Join Date:
Feb 2012
Posts:
106
Plugin Contributions:
0

Re: Remove product List heading and description

I am using the Column Layout Grid add-on and when viewing the product listing as a grid instead of rows, the header row changes to display the first row of products. But it's not uniform with the rest of the page (because it has the properties of the header row). I want to remove the header row, but how do I get the products that would have shown up in that row to display? Taking the header row out removes the first row of products in my case.

Otherwise, this fix would work perfectly for me.

1 Aug 2012, 2:57 PM
#14
avaadorn avatar

avaadorn

Zen Follower

Join Date:
Feb 2012
Posts:
106
Plugin Contributions:
0

Re: Remove product List heading and description

I don't want to eliminate the space that holds the description or the product name. I just want to change the properties of the header row to match those of the rest of the tabular data.

1 Aug 2012, 5:15 PM
#15
thebigkick avatar

thebigkick

New Zenner

Join Date:
Jan 2012
Location:
Montreal
Posts:
84
Plugin Contributions:
0

Re: Remove product List heading and description

I'm looking for a similar solution, via PHP and not the display:none route, for getting rid of the Category links on ONLY ONE of my sub category landing pages. Maybe Stevesh could help again? Thanks!

1 Aug 2012, 8:24 PM
#16
avaadorn avatar

avaadorn

Zen Follower

Join Date:
Feb 2012
Posts:
106
Plugin Contributions:
0

Re: Remove product List heading and description

I fixed my problem. I made changes in stylesheet_main.css. I don't know if it will help you, thebigkick. I didn't get rid of the category links. I just made them look like the other rows.

15 Aug 2012, 1:25 AM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove product List heading and description

AvaAdorn - Your CSS restyling is indeed the best and correct way to do what you want, make the grid display uniform. Only people with Template Monster templates will have a stylesheet_main.css; others will probably want to edit stylesheet.css. (You could recode the file that creates the output, but that would be a complex set of changes which would have to account for multiple output situations.)

thebigkick - Your desired method will require real PHP coding (not just one tweak) to distinguish which category is being output and deliver alternate processing for only that one. If you are not familiar with PHP, you would be best off using styling for your custom category.

20 Aug 2012, 6:34 AM
#18
infoleather avatar

infoleather

New Zenner

Join Date:
Aug 2012
Location:
New York
Posts:
2
Plugin Contributions:
0

Re: Remove product List heading and description

May be poorly designed website, you claim to visit and sing the day, yawn yawn and stretch.