How can I have add to cart button display on hover

  • Posts: 50
  • Thank you received: 0
10 years 1 month ago #198152

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 2.5.28
-- PHP version -- : 5.4.36
-- Browser(s) name and version -- : Firefox 37.0.1

I was looking at the Hikashop demo website and I noticed when I hovered over the product image, the add to cart and add to wishlist buttons would pop up upon hover. How can I do this?

Please Log in or Create an account to join the conversation.

  • Posts: 26233
  • Thank you received: 4036
  • MODERATOR
10 years 1 month ago #198173

Hi,

I made a reply for the same question, two hours before your message :
www.hikashop.com/forum/product-category-...ct-image.html#198056

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 50
  • Thank you received: 0
10 years 1 month ago #198223

I've added the following to the Front-end CSS file:

.hikashop_products_listing_main .hikashop_subcontainer:hover .product-content .hikashop_product_stock .hikashop_cart_input_button {
	visibility: hidden;
	top: 38%;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

It did not change anything. The add to cart button still appears below the image.

Please Log in or Create an account to join the conversation.

  • Posts: 83811
  • Thank you received: 13571
  • MODERATOR
10 years 1 month ago #198235

Please stop answering here and only use one thread for the same question.

Please Log in or Create an account to join the conversation.

Time to create page: 0.055 seconds
Powered by Kunena Forum