Please add mouseover info for Image and "Add to cart" buttons for better usabily

[Nadine]

Nadine

September 13, 2014 at 7:48 am

Hi,

this is a suggestion in order to increase usability. I think it would be nice to add a title=”View details” for the image link and a title=”Add to cart” for the other link.

As here (search for title which i just added using Firebug and paste it here now):

<div class="post-618 product type-product status-publish has-post-thumbnail hidetheaction grid_item product_item clearfix kad_product_fade_in featured taxable shipping-taxable purchasable product-type-simple product-cat-pfeffer-tee product-tag-chai product-tag-gewuerze product-tag-tee instock" style="opacity: 1;">

<a href="*Login to see link class="product_item_link product_img_link" title="View details">

<div class="kad-product-noflipper">
<img width="300" height="300" src="*Login to see link class="attachment-shop_catalog wp-post-image" alt="Chai-Tee, 100g">
</div> </a>
<div class="product_details">
<a class="product_item_link" href="*Login to see link
<h5>Chai-Tee, 100g</h5>
</a>

<div class="product_excerpt"><p><span class="fn">Indischer Chai-Tee aus direktem Handel.</span></p>
</div>
</div>

<span class="notrated">nicht bewertet</span> <div class="price ">
<span class="amount">7,90&nbsp;€</span>
<div class="woocommerce_de_versandkosten">

<a href="*Login to see link class="versandkosten">
zzgl. Versand </a>

</div>

<span class="woocommerce-de_price_taxrate ">
inkl. 7% MwSt. </span>
</div>

<a href="/shop/?add-to-cart=618" rel="nofollow" data-product_id="618" data-product_sku="" class="button kad-btn headerfont kad_add_to_cart add_to_cart_button product_type_simple" title="Add to cart">In den Warenkorb</a> <div class="shipping_de shipping_de_string">
<small>
<span>Lieferzeit: ca. 2-3 Werktage</span>

</small>
</div>

</div>

I would find this clearer. Especially because, when I hover over the product image a “Add to card” pops up. This makes me think that when I now press, then I add the product to cart. But no, this leads to the products details page (which is fine) and adding to cart only happens when I click on the lower “button” that just became visible.

Anyway, I think this would be a good improvement and probably not too difficult for you to add. I would like to see this in an upcoming version, but as said it is just a suggestion.

Best,
Nadine