Hello! I am trying to build out a megamenu for this site using Pro, and could use some help to point me in the right direction. The megamenu is based on several dropdowns. On the left side of the dropdown, there is a standard link menu. On the right, there is a row with three columns, with an image/text link in each column. Currently, the image/link columns are static. However, we’d like for the images and links to swap out depending on which link in the left side of the dropdown has been hovered over. Is this possible in Pro? See attached screenshot for reference.
Hello Anne,
Thanks for writing in!
Yes, that layout is possible. You will have to make use of a Dropdown, Buttons, and a Slider element. Potential element structure would be:
Dropdown
Row
Column {LEFT}
Buttons
Columns {RIGHT}
Slider
Headline
Row
Column 1
Your Image
Column 2
Your Image
Column 3
Your Image
In each of the button elements, you will add a custom attribute data-x-slide-goto with the value of the corresponding Slide that has the images.
I highly recommend that you check out this video tutorial to know more about the Slider Triggers:
https://www.youtube.com/watch?v=do45n9xMUVo
Kindly let us know how it goes.