diff --git a/app/views/catalog/index.rhtml b/app/views/catalog/index.rhtml
index d600a0f..bdfec1c 100644
--- a/app/views/catalog/index.rhtml
+++ b/app/views/catalog/index.rhtml
@@ -27,7 +27,7 @@
     <% status << 'not-available' if !product.available %>
     <% status << 'highlighted' if product.highlighted %>
 
-    <li class="product <%= status.join(' ') %>">
+    <li id="product-<%= product.id %>" class="product <%= status.join(' ') %>">
       <ul>
         <li class="product-image-link">
           <% if product.highlighted? %>
diff --git a/test/functional/catalog_controller_test.rb b/test/functional/catalog_controller_test.rb
index 392afc0..168df43 100644
--- a/test/functional/catalog_controller_test.rb
+++ b/test/functional/catalog_controller_test.rb
@@ -213,4 +213,15 @@ class CatalogControllerTest < ActionController::TestCase
     assert_no_tag :tag => 'div', :attributes => {:id => 'breadcrumb'}, :descendant => {:tag => 'a', :attributes => {:href => /level=#{pc3.id}/}}
   end
 
+  should 'add product status on the class css' do
+    category = ProductCategory.create!(:name => "Cateogry", :environment => @enterprise.environment)
+    p1 = fast_create(Product, :product_category_id => category.id, :enterprise_id => @enterprise.id, :highlighted => true)
+    p2 = fast_create(Product, :product_category_id => category.id, :enterprise_id => @enterprise.id, :available => false)
+
+    get :index, :profile => @enterprise.identifier
+
+    assert_tag :tag => 'li', :attributes => {:id => "product-#{p1.id}", :class => /highlighted/}
+    assert_tag :tag => 'li', :attributes => {:id => "product-#{p2.id}", :class => /not-available/}
+  end
+
 end
--
libgit2 0.21.2