Tabs are loading not the way i want compared to other site

Hi there,

When I open tabs on a product-page it is openening really fast and unclear.
If you look at the video I captured and compared with other site you can understand it better.

Please see link : https://youtu.be/F05Qt_WQgos

The example link to other site is here: https://www.sohome.nl/sohome-ronde-eettafel-lille-wit-marmer-110cm.html

I did some changes on the theme settings product>tab part and changed it to accordion to test it but it i couldn’t get the way they had.

What can i do to make it like that. On mobile this is very annoing for the customers.

Kind regards,
Ibrahim

Hello,

The video you provide is not available. I have checked the accordion on mobile and do not see any problems https://gyazo.com/45cb6e86bdcde49eb16917cc6001cec8

This is the nature of the tabs and we can hardly change that.

Please specify what would you like to change?

Best Regards

Hi there the link is now available

https://youtu.be/F05Qt_WQgos

The behaviour of the tab is like spastic. the one you saw the orintscreen you send me is acting normal. Please see the difference you will notice what I mean.

Hello,

Please advise what device and browser you use?

Best Regards

I use iphone xs and safari. but it shouldn’t matter cause the other website I check is with the same browser and device.

I think it has to do with your theme, you have programmed it like that but it isn’t neath. Everything I like about this template, but this tab thing is really disturbing.

I think what is happening with the other website (I checked other websites also) when clicking on the + icon the content is dropping down, and it is stayin. With Woodmart at the other hand the whole page is moving up and down.

I hope I explained it well. YOu can notice this also with the video I send before and you video capture you can see the same “correct” behaviour.

Kind regards,

Ibrahim

Hello,

Please add this code to the Theme Settings > Custom JS > Global:

jQuery('.wc-tabs-wrapper .woodmart-accordion-title').click(function (e) {
	e.stopPropagation();
	e.preventDefault();
	var $this = jQuery(this),
		$panel = $this.siblings('.woocommerce-Tabs-panel');
	if ($this.hasClass('active')) {
		$this.removeClass('active');
		$panel.stop().slideUp(300);
	} else {
		$this.addClass('active');
		$panel.stop().slideDown(300);
	}
	jQuery(window).resize();
	jQuery(document).trigger('wood-images-loaded');
});

Best Regards

Hi there thanks, I put it there but nothing has changed. What exactly should have happened?

Could you please disable all external plugins and cache and check how it works?

[Author]

Posts