-
Posts
-
Hi there, I’m testing out a tab section at the bottom of this page http://thedancedojo.com/product/custom-product-test/). Each tab has some different content, but when I try to switch between tabs, the uri (#) is changing but the tab content is not. Any idea why?
Hey dancedojo,
Could you try deactivating all plugins to see if one of them is causing a conflict please?
Best regards,
RikardHi Rikard, I cloned our site and deactivated all plugins. The tab switching still didn’t work.
I then activated Enfold as the theme (was previously using a child theme) and tab switching started working.
How can I troubleshoot what in my child theme is causing the issue?Thanks,
RobinHi,
Are you receiving any console errors on the child-theme that aren’t present in the Parent?
Best regards,
Jordan ShannonHi Jordan, the only errors seems to be missing PNG files.
Console snapshots from page with tab section:
Enfold activated – https://monosnap.com/file/UNNY5gCOl9Ivw5BXixnyrsEpvYFBjE
Child theme activated – https://monosnap.com/file/djxwPTdjtq9OIQe6m468CaxGsaA6eUHi,
Thank you for the update. Please try to upgrade to version 4.2. Is it OK if we deactivate the plugins while working on the site?
Best regards,
IsmaelHi, no please don’t deactivate any plugins on the live site.
I’m sending through credentials for the staging site, which is a clone. You can do anything you need to do there, including a theme update. Thanks!Hi,
Thank you for the update. The staging site is still using an old version of the header.php file. Please upgrade every template files in the child theme.
Best regards,
IsmaelHi Ismael, I just re-cloned the live site so the header.php file should be up to date on staging now.
Best,
RobinHi,
I was referring to the header.php or the template files in the child theme. Please remove those temporary then check the page again.
Best regards,
IsmaelHi Ismael,
I did some testing on our staging site: http://staging.thedancedojo.com. I renamed every file in our child theme and it appears the functions.php file is the issue.
Can you take a look at the file and see what might be causing the issue? I’ve included FTP credentials for you.
Please make sure you don’t change anything on the live site.
Thanks!
Hi,
Thank you for the update. The staging site looks broken. Did you do something to it?
Best regards,
IsmaelHi Ismael,
Yes, I’ve been doing many things to test everything to find out what’s going wrong. I returned the site to it’s normal state so it’s less confusing for you.If you want to see a tab section there is one immediately below the hero section on the current homepage. Alternatively you can go to staging.thedancedojo.com/home to see the enfold homepage and it’s tab section.
As I mentioned in my last message. The functions.php file in our child theme is the issue. When i rename it, the tab switching works. Can you tell us what is causing the issue in the functions.php file please?
Hi,
So you renamed it from functions.php? It only breaks when the file is named functions.php?
Best regards,
Jordan ShannonYes that’s correct. I’m assuming that means there’s something in the functions.php file of our child theme that’s causing the issue. Are you able to tell me what that is?
Hi,
Why did you duplicate the “avia_register_frontend_scripts” function in the child theme’s functions.php file? Please provide the code of the “js/dancedojo.js” file. The “Varnish” plugin is also installed but I can’t deactivate it in the plugins panel.
Best regards,
IsmaelHi Ismael,
Perhaps one of the devs we’ve worked with in the past has duplicated it in fuctions.php. I have no idea what the problem is and that’s why I’m asking you. Please advise us on what to do.
Re the js/dancedojo.js file – I gave you have the FTP creds so you can view whatever you need. I’ve shared the creds with you again below and the contents of the dancedojo.js file.
Varnish is implemented by our host server side – would you like me to disable it for staging?
Thanks
Update: I’ve deactivated Varnish for staging.thedancedojo.com – Please advise me if you want me to turn it back on.
Hi,
Thank you for the update.
I’m still not sure what’s causing the issue. Please upgrade the staging site to version 4.2.
Best regards,
IsmaelHey Ismael,
I just updated the theme to 4.2 and the tab sections are working.
Did you change something in functions.php or anywhere else, or did the theme update fix it by itself? If you changed something please let me know the detailed steps you took so I can duplicate your efforts on the live site.
Many thanks!
RobinHi,
Glad to hear the update solved the issue. 4.2 contained several fixes for the tab sections.Best regards,
MikeHi guys,
I updated our live site’s theme to 4.2 but tab sections (and icons) still aren’t working properly.
If you go to https://thedancedojo.com/how-it-works you’ll see neither tab sections nor icons work as they should.However, they both work on staging: https://staging.thedancedojo.com/
When troubleshooting this on staging you were talking about potential issues in the functions.php and dancedojo.js files of our theme – did you end up modifying anything in those files to make the tab sections and icons work on staging?
If you did make a modification please detail exactly what you did so I can copy it, or better yet, can you duplicate that work on our live site: https://thedancedojo.com? The creds you have in this thread work for the live site too.
Looking forward to getting this resolved asap. Thanks!
Hi,
We removed the duplicated “avia_register_frontend_scripts” function from the child theme’s function.php file. That’s the only thing that we did as far as I can remember. Please deactivate the cache and minification plugin temporarily if there’s any.
Best regards,
IsmaelAhh ok, are you able to remove that for us? I’m not comfortable knowing exactly which lines of code those would be.
I just disabled varnish and our minification plugin. Thanks a ton!Hi,
We disabled the duplicated function. The tab section is working properly now. ( see private field )
Best regards,
Ismael
- The topic ‘Tabs in Tab Section Not Switching’ is closed to new replies.