diff --git a/app/views/shop/products/_master.html.haml b/app/views/shop/products/_master.html.haml
index da760f749e..249ba65b55 100644
--- a/app/views/shop/products/_master.html.haml
+++ b/app/views/shop/products/_master.html.haml
@@ -46,9 +46,9 @@
   .table-cell
     %i.ofn-i_009-close
     {{ product.price | currency }}
-    %a{}><
-      %i.ofn-i_028-barcode
-
+    
+    %button.graph-button{popover: "This is the popover text", "popover-title" => "The title.", "popover-animation" => "true", "popover-trigger" =>"mouseenter", "popover-placement" => "top"}
+      %i.ofn-i-058-graph
 
 .small-12.medium-2.large-2.columns.total-price.text-right
   .table-cell
diff --git a/app/views/shop/products/_variants.html.haml b/app/views/shop/products/_variants.html.haml
index b3bb8e62f3..fd9548b773 100644
--- a/app/views/shop/products/_variants.html.haml
+++ b/app/views/shop/products/_variants.html.haml
@@ -50,8 +50,9 @@
     .table-cell
       %i.ofn-i_009-close 
       {{ variant.price | currency }}
-      %a{}>< 
-        %i.ofn-i_028-barcode
+
+      %button.graph-button{popover: "This is the popover text", "popover-title" => "The title.", "popover-animation" => "true", "popover-trigger" =>"mouseenter", "popover-placement" => "top"}
+        %i.ofn-i-058-graph
 
   .small-12.medium-2.large-2.columns.total-price.text-right
     .table-cell