Docs

[mtusa]

Hi! We have set up a “tour” element on one of our pages that allows tabs. When you visit the page, it rotates the images through.

1. How do we stop rotating through images? ( we just want to see the images of the selected tab )

2. Also, when you click on a tab it automatically scrolls up to top or sometimes even past the images. How do you stop that?

Thank you!

[mtusa]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks

[mtusa]

We added a Tour element to a content band to have vertical tabbed content. The left side has the tabs and right is the content for each tab. When you visit the page Documents, the content on right is scrolling through the images/content of each tab and I don’t want it to do that.

This is a website I found on a forum support message #814112. http://www.katrinaarcher.com/kats-work/the-tree-of-souls/ On here there content doesn’t rotate through it just stays on the selected tab. (which is what we want)

We are also have a similar issue with switching between tabs. When switching between tabs, it will scroll the page down so the tabbed content is no longer visible. I would expect no scrolling on tab selection.

Hope this helps.

[Rad]

Hi there,

Please add this code to Admin > Appearance > Customizer > Custom > Global CSS

jQuery ( function( $ ) {

$(document).ready ( function() {

setTimeout( function() {

$('.vc_tta-tab a').on('click', function() {

$('html, body').stop();

} );

}, 300 );
} );

} );

Hope this helps.

[mtusa]

That did not work. its still the same.

[Darshana]

Hi there,

Upon checking, I see that the tabs are working fine now. Could you please try clearing your cache before testing the page again and let us know how it goes.

Thanks!

[mtusa]

Thank you! it worked for the automatically scrolling through the images (except still doing it on mobile view) but when you click on each tab it jumps the page down where you cannot see the images.

Also i would like the clicked tab to be solid to indicate you are on that tab.

1. how do i stop the content from going off the page when you click a tab?

2. How do i make the clicked/selected tab solid color?

3. On the mobile view, the content still rotates through the images. How do we fix that?

Thank you

[Rupok]

Hi there,

Thanks for writing back. It seems your screenshots referring another page and I can see the Tab is working fine on your given URL. Would you provide us the exact URL so that we could check?

Cheers!

[mtusa]

This reply has been marked as private.

[Nico]

Hi There,

I could see a of lot of Javascript errors in your console. Would you mind testing for plugin conflict or script conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes. Thanks.

[mtusa]

I figured out how to stop the continuous scrolling through all images but when you click a tab it shifts the page up. I deactivated all third party plugins and the problem is still reoccurring when you click a tab it moves the page past the viewing area.
Please advise.

Thank you!

[Rad]

Hi there,

That’s weird, even direct coding isn’t working.

And it looks like it scrolls while having the pushState(), which means it’s intentional feature, though, I don’t remember X having this. Would you mind backup up your site before I continue checking? I may disable all features and switch theme during the test.

Thanks!

[mtusa]

What is the easiest way to back up our website? We are still having the issue of the page moving up when clicking a tab. Please advise on how we can back up our website so that you can check to see what’s wrong.
Sorry for the delay in response but we are now just getting to a point to back it up and fix this issue.

Thank you!

[Joao]

Hey there,

You can export the Customizer settings and import them after. What I would recommend however, is to backup your database since all settings (including plugins) are stored in it (you can use https://wordpress.org/plugins/backupwordpress/). If you have a child theme or made template modifications, save them in your computer and upload them when you have done reinstalling.

Hope that helps.

Joao

[Author]

Posts