Hey everyone. I came across this Wix eCommerce store. https://www.evolveclothinggallery.com/
When you hover over the menu title, a detailed sub-menu pops down. How can this be achieved?
1 Like
It is created using buttons, strips to house the drop down words/ images and then corvid code to show and hide on mouse in and mouse out.
If you want to get information about the code, contact me
mertcanerdogan.exe@gmail.com
Hello Tim,
as an alternative to Corvid (in case you cannot code like me), you could use the On-Hover feature.
You will have to place the button in a container box first, then apply the hover effect to the box.
It takes time in the first try. However, you should know that this solution is not a perfect one, because this hover effect is not responsive, so if your menu is big, on a small screen it will be half shown and so.
export function button22_mouseIn(event) {
$w(‘#box1’).show();
}
export function button22_mouseOut(event) {
$w(‘#box1’).hide();
}
export function box1_mouseIn(event) {
$w(‘#box1’).show();
}
export function box1_mouseOut(event) {
$w(‘#box1’).hide();
}
export function box1_mouseIn_2(event) {
$w(‘#box1’).show();
//$w(‘#button22’).disable()
}
export function box1_mouseOut_2(event) {
$w(‘#box1’).hide();
//$w(‘#button22’).enable();
}
The code execution has been tried many times.
Thanks for doing this demo. Yes I tried the Hover feature with the boxes, and it is great. But as you said, it is not responsive. Also, I want the hover to stretch to full width (like a strip) no matter what screen size you view it on. This can’t be done with the Box Hover feature. I will try code I think. Thanks for your demonstration. It is much appreciated.
Hi @abdulaziz ,
Do you have the issue where the menu hover state remains active when you access a new page?