Have a client migrating from wordpress to wix, anyone have an idea how i can replicate the tabbed services panel in the link below on the wix platform?
1 Like
on mobile so have not looked at link but you can either use boxes and collapse or expand them based on a button press. Or you can use a slide show with a button press to change slide.
Thanks, my programming skills are very minimal still…would your examples need to be hard coded in wix code mode or is there a solution i can Iframe embed in html widget?
Slide shows with buttons. Watch this video for help:
Hello,
You would need to code it, check out nayeli video, or feel free to reach out to me if you need a hand.
Regards.
Hey Nayeli, thanks so much for your help! awesome video tutorial. I am trying to take it a step further and code the rollover state and wondered if you might have something relevant to help?
I need to have a rollover color on text button and underline stay on mouse click.
the first link is the original in wordpress and the second link is my version in wix code.
@rctruitt Watch this video to learn hover effect: Create Hover effect using a hidden box vs a Wix Lightbox - YouTube
You will need to get creative on how to add those lines. For example you could have two sets of 3 lines on all 3 slides, then hide & show depending on which button is being selected and/or which slide is currently selected. The code part is simple ---- hide & show. The more advanced part is the creativity — that’s all you. P.S. Remember to think outside the box and explore other design options instead of recreating something that already exists. Wow them with something ‘new’ whenever possible.
@nayeli
Hey Nayeli,
I am stuck on trying to code the down state color change for the buttons. I was able to code the hide and show on mouse enter and mouse out but can’t figure out code to keep the color change state on mouse click ( down state).
https://massagebyandrealmt.wixsite.com/staging/treatments
here is the code i have for the first button:
});
export function saltstone_click(event) {
$w(“#slideshow1”).changeSlide(0); $w(‘#line5’).show();
}
This is a cool solution!
On the other hand- Wix really should have tabbed content element built in.