Hello everyone,
I want to know how to do or what is the plugin (or component) that achieves the same effect on mouseover virtuemart products as shown in the Joomla extension directory.
Particularly, the effect I'm referred to is a curtain on the product with a description of the characteristics of the product itself.
Thank you
Maybe not mouseover, which can confuse site users, but these appear to work:
http://forum.virtuemart.net/index.php?topic=110700.0
http://www.smartaddons.com/blog/item/1123-sj-quickview-for-virtuemart-joomla-plugin
http://bowthemes.com/joomla-extensions/bt-product-quickview.html
Hi jenkinhill,
Thanks for your kindest reply but the effects that you indicated aren't what I am looking for.
I am seeking exactly the same effect shows in the joomla extention directory as you might see here:
http://extensions.joomla.org/category/e-commerce
Its just a css effect
something like
<div class="holder">
<p class="product_s_desc">la la</p>
<img src="an_image.jpg"/>
</div>
.holder {
position:relative;
height:150px;
}
.holder .product_s_desc {
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 500ms linear 0s;
width: 100%;
z-index: 1;
}
.holder:hover .product_s_desc {
height: 150px;
opacity: 1;
}
Dear GJC,
Thks for your suggestion I appreciate, but I still have some questions:
- Where exactly should I put the code you indicated?
- How and where should I insert the description of each product that will appear on the drop-down curtain?
Thanks in advance.