Placing a DIV on product info pages

[clydejones]

This hides the text on the product info page, I want to hide it on the product listing page (only).

Have you found a solution? Since I don't see the indicated text on the product listing page you cited.

[DML73]

Have you found a solution? Since I don't see the indicated text on the product listing page you cited.

No, the text is still there. If you look at the product listing page, the description for the 4 first products still starts with "View Datasheet Available Downloads". Thats the text I want to hide.

[clydejones]

No, the text is still there. If you look at the product listing page, the description for the 4 first products still starts with "View Datasheet Available Downloads". Thats the text I want to hide.

I don't know how you've structured your product descriptions, but apparently this text is the first 1 or 2 lines of the description. (correct me if I;m wrong)

if that is the case then just surround that text in a <div class="dontDisplay"> </div>

Then you should be able to follow stevesh's suggestion

#productListing .dontDisplay {display:none;}

[DML73]

You are right, this is the html I have in the start of my product description:

<div class="ProductPagesLinksTable">
<table>
<tr>
<td><a href="downloads/wzr-hp-ag300h_DS.pdf">View Datasheet</a> <img src="images/pdf.jpg" width="16" height="16" alt="PDF" /></td>
</tr>
<tr>
<td><a href="index.php?main_page=page&id=17">Available Downloads</a> <img src="images/dow.gif" width="13" height="13" alt="download" /></td>
</tr>
</table>
</div>

and this is what I put in the css:

#productListing .ProductPagesLinksTable {display:none;}

but still the text shows on the product listing page. Am I doing something wrong?

[clydejones]

You are right, this is the html I have in the start of my product description:

<div class="ProductPagesLinksTable">
<table>
<tr>
<td><a href="downloads/wzr-hp-ag300h_DS.pdf">View Datasheet</a> <img src="images/pdf.jpg" width="16" height="16" alt="PDF" /></td>
</tr>
<tr>
<td><a href="index.php?main_page=page&id=17">Available Downloads</a> <img src="images/dow.gif" width="13" height="13" alt="download" /></td>
</tr>
</table>
</div>

and this is what I put in the css:

#productListing .ProductPagesLinksTable {display:none;}

but still the text shows on the product listing page. Am I doing something wrong?

I think the problem is that the product listing page strips out any formating you may have introduced in the product description before truncating the text.

In other words the <div>, <table>, <tr> and <td> tags are ignored and only the text is displayed.

thats why this ( #productListing .ProductPagesLinksTable {display:none;} ) is not working.

You might consider moving that section to the bottom of the product description. That will insure that the text will not be displayed on the product listing page.

You'd have to figure out how to make sure it still displays as required on the product info page.

[DML73]

You are right. Thanks for the tip. I should have thought about moving the text to the bottom earlier. Such an easy solution I positioned the text with css so the text stays in the same place on the product page. Thanks a lot.