Experienced CSS: I want to hide the category description on an Individual Product

i want display category description on category list layout, such (outlined in red): http://bevisco.businesscatalyst.com/products/storage/caddies

i want use css display:none on class="cat_description" when do, there seems nothing specific individual product page affects/contains said div.

i'm tearing hair out this. thought should rather simple, i'm getting nowhere.

if please help, i'd super-grateful. thanks.

ps. need use javascript? there simple can copy , paste? i'm guessing need says;

if product detail page

do apply div class (which enables me hide it)

or else nothing

(but i'm not sure put - in overall ecommerce layout template? have go in after product detail rendered?)

hi,

in overall layout (online shop layouts) :

wrap {tag_description} in div specific id (yourid) , style display: none;

after layout, write this:

<script>
if ($(".shop-product-small")[0]){
document.getelementbyid("yourid").style.display= 'inherit';
}
</script>

this checks if class exists on of elements on page, , based on that, alters display of description.

kind regards,

alex

More discussions in How to - HTML / CSS / JavaScript

adobe

Drupal cop