Community forum for knowledge and support

Updated 7 months ago

Changing The Duration And Behavior Of The Header 103 Component

At a glance

A community member has a question about the Header 103 Component in Webflow. They want to change the duration of the tab auto-change from 6 seconds to 3 seconds, adjust the duration bar, and start the auto-change only when the user enters the "section_header103" section, not on page load. Another community member responds that this is a complex component with a lot of custom code, and changing the duration will be easy, but they haven't found a solution for changing the on-load trigger. They suggest copying the JavaScript code and using ChatGPT to try and modify it. The original poster says they will try to solve it with ChatGPT and may follow up with the community member's developer. Another community member has a similar issue with a different component and has tried various approaches, including a tutorial, but hasn't found a solution. There is no explicitly marked answer in the comments.

Useful resources

Hey Guys, i have a question regarding the Header 103 Component. I want to change the duration of the tab auto change from 6 seconds to 3 seconds and adjust the bar which indicates the duration to the 3 seconds. Also i want to start the “auto-change” only when the user starts entering the “section_header103" and not from the page load on.

Can anyone help me?

Here’s the read-only-link: https://preview.webflow.com/preview/monaco-entwurf-1?utm_medium=preview_link&utm_sourc[…]297705b735&pageId=663e1f45d79e9aa56d08d710&workflow=preview

K
M
L
5 comments

does one of you guys have an idea or one of your team members? :))

yeah this gets really tricky. This is one of our most complicated components because of all of the custom code.

Changing duration will be easy enough. I spent about 30+ mins or so researching ways to change the on load trigger but haven't found anything solid yet.

I can ask one of our developers if they have any ideas of how we would go about this.

Another option if you dont want to wait for us would be to copy/paste the JS code in the embed in my screenshot and paste it into ChatGPT and tell it to change the window on load trigger to be a "scroll into view" trigger and see what it comes up with, obviously no guarantees that will work but if you massage the prompt there's a chance you'll get it.

Hi thank’s for your answer. I appreciate the time you’ve spent to research a solution.
I’ll try to solve it with the help of chatGPT. So maybe i’ll get back to you to check if one of your developers has an idea. As said, thank you.

Hi any updates on this question? I am in a similar boat. I tried just changing the time myself, but that didn't work. I have put it back to 6000, but somehow the timers are still a bit finicky and the transition is still glitchy.

https://preview.webflow.com/preview/tinynaturebois?utm_medium=preview_link&utm_source=[…]7b7bb7329b0708ce6a59cc5d19b53303&locale=en&workflow=preview

I found this tuto that I thought might help to pause the videos before loading the next tab, because what it looks like to me is that the next tab is playing at the same time as the first tab.

https://www.youtube.com/watch?v=7afCDFeAELU&ab_channel=pixelgeek

But that had no effect. I tried putting your suggestion into ChatGPT, but their suggestion didn't work and I don't understand the problem well enough to ask GPT the right questions.

Add a reply
Sign up and join the conversation on Slack