Scroll to an unopen tab

  • In the link provided, I made a quick link in the short description to scroll to the additional information tab (which I renamed the Specifications). It doesn’t seem to work, but when I click on the tab it works perfectly.

    I can’t remember if I changed any settings, other than the offset and scrolling behavior.

    I have this in the 1st box: a[href*=’#’]:not([href=’#’])
    I have this in the 2nd box: a[href^=’#tabs-‘], a[data-toggle]:not([data-toggle=’tooltip’]), a[data-slide], a[data-vc-tabs], a[data-vc-accordion]

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author malihu

    (@malihu)

    For some reason I cannot open your page. I get a lot of 504 errors (timeout error) in the console (for js css and image files).

    Thread Starter greggs

    (@greggs)

    Hi,

    Are you outside the US? There is a block somewhere on our site that prevents computers outside the US from seeing our site. This was to prevent fraud orders.

    If you can “tunnel” your way to our site that should work.

    Plugin Author malihu

    (@malihu)

    OK, I checked the page via vpn.

    The scrolling doesn’t work when the “Specifications” tab is inactive. This is standard browser behavior, meaning that it won’t work with or without “Page scroll to id” (the page does not jump to non-visible anchor targets).

    The only way you’d be able to do this, would be via some custom js script in your template. For example, the following script should do what you need: 

    <script>
(function($){
	$(window).on("load",function(){
		$(".woocommerce-product-details__short-description a[href*='#tab-additional_information']").click(function(e){
			e.preventDefault();
			$(".additional_information_tab > a").trigger("click");
		});		
	});
})(jQuery);
</script>

    Hope this helps

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Scroll to an unopen tab’ is closed to new replies.