-
AuthorPosts
-
September 23, 2024 at 4:46 pm #1467684
Hi wondering if you can help me
I’m trying to link to the ID’s of the accordion and they are either not opening or they will open but put me at a different point on the screen to what is linked.
this seems to be happening on different sites and has a problem with pre set ids as well as renamed ones
thanks in advance
September 30, 2024 at 2:51 pm #1468109Hey Thomas,
Sorry for the late reply.
I think the problem is in ..\enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.js around line 92:
allContent.not(content).slideUp( slideSpeed, function() { $(this).removeClass('active_tc').attr({style:''}); scroll_to_viewport(); });
Can you try to remove
scroll_to_viewport();
and check if this helps.
If not, can you give us admin access to a staging site where we can reproduce the problem (and we can modify this file to debug further) ??
Best regards,
GünterSeptember 30, 2024 at 3:46 pm #1468111Hi Günter
that doesnt seem to have helped it is now not scrolling at all though it is opening the right tab
September 30, 2024 at 5:31 pm #1468118Hi,
Thanks for the credentials.
I recognise one thing:
– being logged in it seems to scroll to the right place (besides that the heading is covered by admin bar)
– not logged in (in incognito window) it seems to scroll to top of the toggle sectione.g. use “Total number of Pendent Lights:” scrolls to “Re-wiring Cost Calculator” headline in incognito, but correctly to content of toggle when logged in
Before I digg deeper – does this give you any hint to your customizations ???
Best regards,
GünterSeptember 30, 2024 at 6:18 pm #1468121Hi Gunter,
I’ll try disabling the plugins and report back.
October 1, 2024 at 12:22 pm #1468167Disabling the plugins and our changes to functions.php don’t seem to have helped. The toggle seems to completely disappear when the ID is used in the URL.
October 1, 2024 at 12:57 pm #1468173Hi,
I checked the clean version with FF (also in incognito mode) and Chrome on a Windows PC. and on an android handy with chrome.
I cannot reproduce the problem.
Can you please copy the shortcode of page with the accordion of the original site to the test site to check ??
You can enable the debug mode via theme option “Layout Builder” -> “Show advanced options” -> “Debug Mode (Backend Only)”.
Insert the shortcodes into the cleared debug input field and save the page.Best regards,
GünterOctober 1, 2024 at 2:45 pm #1468177On the demo page we sent over if you enter any of the accordian # anchors into the searchbar the current one disappears.
The css jumps and the toggle disappears off the page to the side
If you refresh your screen the toggle is correctly displayed.
we have tried chrome, firefox and edge. We have also tried 2 different computersSee if it happens your end. If not we will send a loom video
To add – sometimes it works when you go from a different URL to the one with the #toggle id.
Really confused!
- This reply was modified 1 week, 6 days ago by thinkjarvis.
October 1, 2024 at 3:10 pm #1468179Hi,
I could reproduce it once only.
I readded the
scroll_to_viewport();
on the demo page. This seems to fix the problem.
Best regards,
GünterOctober 1, 2024 at 3:24 pm #1468181Hi Gunter,
No change here.
It still doesnt work.
If you open one accordian tab and change the # to the next tab in the list it disappears completely.
October 1, 2024 at 5:31 pm #1468196Hi,
I could reproduce it now – I will add a fix to react correctly when the address bar hash changes.
But I think this will not solve the problem from the initial topic.
I will let you know here, when I have the fix.Best regards,
GünterOctober 2, 2024 at 1:13 pm #1468275Hi,
I added a fix to solve searchbar with #toggle id:
Please replace C:\xampp\htdocs\wp56\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.js
with
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_6_0_4/toggles/toggles.js
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_6_0_4/toggles/toggles.min.jsBest regards,
GünterOctober 2, 2024 at 2:20 pm #1468283Thanks Gunter
Well swap it on our test site and reply back shortly.
October 2, 2024 at 2:32 pm #1468287Hi Gunter,
This seems to work ok if you go from a different url to a specific tab or you have anchor links on the same page
However when you then change the ID in the address bar manually
I.e.
Copy and paste the url of the page the accordion is on with the ID hash:
/pagewithaccodion/#toggle-id-1Then if you click in the address bar and change the #toggle-id-1 to a different ID like #toggle-id-2 then accordion toggle 2 vanishes and shifts off the page.
So its nearly there but something isnt right still.
October 2, 2024 at 2:48 pm #1468291The Location it is scrolling to on the page is also slightly off. Scrolling too far down not showing the accordian tab itself.
October 7, 2024 at 3:55 pm #1468579 -
AuthorPosts
- You must be logged in to reply to this topic.