I tried to do this before with slideshows, but I’ve done redesigns and I am using tabs now on a separate page. This is what I have currently: masterPage.js // // The code in this file will load on every page of your site import { local } from 'wix-storage'; import wixLocationFrontend from 'wix-loc…

Well first of all, my eyes do crying when i see all the hard-coded stuff, what do i mean ? ? ? You are coding every single step of your code in hard-coded code-lines. Why not coding much more → DYNAMICALLY <— ??? Your code… $w('#horizontalMenu2').onItemClick((event)=> {console.log('Clicked-ID: '…

I made the necessary adjustments to what you suggested, but I do not seem to understand the external post you linked in regard to changing tabs. It does change pages successfully, but it is still not saving the local data.

masterPage.js import { local } from 'wix-storage'; import wixLocationFrontend from 'wix-location-frontend'; const tabMapping = { 'Organization Committee': 'Organization', 'Design Committee': 'Design', 'Promotions Committee': 'Promotions', 'Economic Vitality Committee': 'Economic Vitality' …

[image] DJ_Lord1: import { local} from 'wix-storage'; $w.onReady(function () { if (local.getItem('tab')) { let myTabs = $w("#tabs1").tabs; console.log('list of tabs: ', myTabs); let numberOfTabs = myTabs.length; console.log('mumber of tabs: ', numberOfTabs); // 3 let myNewTab = local.get…

$w.onReady(function () { let item = local.getItem('tab'); console.log(item); let tabs = $w("#tabs1").tabs; console.log('list of tabs: ', tabs); if (item === "Organization") { $w("#tabs1").changeTab(tabs[0]); console.log('tabs[0]: ', tabs[0])} if (item === "Promotions") { $w("#tabs1").changeTab(t…

Show me the logs …of your code… Use this one… import { local} from 'wix-storage'; $w.onReady(function () { let item = local.getItem('tab'); console.log('ITEM: ', item); let tabs = $w("#tabs1").tabs; console.log('TABS: ', tabs); if (item === "Organization") { $w("#tabs1").changeTab(t…

[image] CODE-NINJA: import { local} from 'wix-storage'; $w.onReady(function () { let item = local.getItem('tab'); console.log('ITEM: ', item); let tabs = $w("#tabs1").tabs; console.log('TABS: ', tabs); if (item === "Organization") { $w("#tabs1").changeTab(tabs[0]); console.log('ta…

Ok my friend! I took a lot of time to investigate your issue. Your code should work just fine and you didn’t really made a mistake. The TROUBLEMAKER is the → WIX-HORIZONTAL-MENU <— Since this is a Wix-Element (it has it’s own life-cycle). The menu do not care about your integrated —> REDIRECTION …

Nope, still having it come up as “undefined” when it logs the received-tab-data.

Then you do something wrong. My example shows you → that it works perfectly. Check the logs. Pay also attention that you can’t just copy and paste my code. Since i have modified it to my own exmaple. Especially paying attention onto… const getTabValueFromLabel=(label)=> { const words = lab…

How can I get it so when a button is clicked, it switches to a page for a tab?

Ask the community

CODE-NINJA May 11, 2024, 2:55am 12

This post is connected to …

Topic		Replies	Views
How to code a button directly to a tab? Ask the community code , question	1	26	May 11, 2026
How to use referrer on a button in Velo Ask the community code , question	16	225	May 11, 2024
PDF stored in a dataset is reporting Error 404 Ask the community wix-studio , code , cms , wix , question	15	86	May 6, 2026
Change tab in the booking app after beeing linked to the site Ask the community code , wix-bookings , question	7	171	February 7, 2025
UTM Parameters from Wix Velo Page Code to iframe – Works in Studio Preview but Fails on Customization Ask the community code , wix-data , wix-location-frontend , wix-blocks	3	98	December 18, 2025

How can I get it so when a button is clicked, it switches to a page for a tab?

Related topics