How do I hide "price: $0.00" on small product layout

after hiding product details in large product layout (using javascript), items out of stock, have tried several ways hide "price: $0.00" on products out of stock in small product layout.

 

one way hid "price: $0.00" (plus diminished height of product display not match rest of products) on first still in stock item of catalogue, left out of stock product @ "price: $0.00". 

 

i trying keep div preserve height of product display , match others on page, camoflage text in white.

 

here unsuccessful attempt:

 

 

 

<div class="shop-product-small clear">

<h5>{tag_name}</h5>

<div class="image">{tag_smallimage}</div>

<div id="productdetails">

<ul>

    <li class="price">price: <strong>{tag_saleprice}</strong></li>

</ul>

</div>

 

</div>

 

 

 

 

<script type="text/javascript">

 

 

var outofstock = {tag_saleprice};

if(outofstock == $0.00)

1. document.getelementbyid('productdetails').style.color='white';

 

 

   </script>

 

 

 

 

i appreciate way works. 

 

thanks,

nancy

hi nancy,

 

i think need quotes around amount e.g. var outofstock = '{tag_saleprice}'; , if(outofstock == '$0.00'), if post url 1 of products price $0.

 

cheers,

 

-mario

More discussions in eCommerce

adobe