News:

Support the VirtueMart project and become a member

Main Menu

effect of mouseover on virtuemart products

Started by fedebell, February 01, 2016, 16:29:48 PM

Previous topic - Next topic

fedebell

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

jenkinhill

Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

fedebell

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

GJC Web Design

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;
}

GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

fedebell

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.