Tab Index Menu

Hi!
Is there a way to create an index menu like wix? picture for reference

Is that the Product Page from Wix Stores that you are showing in the picture as they have their own Wix Support pages. https://support.wix.com/en/wix-stores/setting-up-your-store

If you are trying to setup something similar to the tab menu shown, then you can see if there is already a menu option like that in the Wix Editor menus, otherwise you will have to create one yourself with code.

Something like Tab 1, Tab 2, Tab 3 in seperate text boxes with a simple line underneath each text box.
Then setup simple code so that the line is set to be shown under Tab 1 when the page loads, otherwise when the user moves the mouse over Tab 2 or other tabs, then have onMouseIn and onMouseOut show and hide the appropriate line underneath the relevant tab.

https://www.wix.com/corvid/reference/$w.Element.html#onMouseIn
https://www.wix.com/corvid/reference/$w.Element.html#onMouseOut
https://www.wix.com/corvid/reference/$w.HiddenMixin.html

To set up the onMouseIn and onMouseOut events for the seperate Tab text elements, simply click on each element and in it’s properties box, make sure that you add the appropriate event.
https://support.wix.com/en/article/corvid-reacting-to-user-actions-using-events

However, take note that this will not work on mobile devices as you have to use onClick instead. So you can either hide the menu on the mobile version, or you can create a menu that is shown on mobile only by using formfactor.
https://www.wix.com/corvid/reference/wix-window.html#formFactor
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only

TRo check this works on your website, you will need to view it on a published mobile device as using the Wx preview function will not always show the correct results.

Thank you so much, it isnt as simple as i thought it would be :smiley: