Single Product Accordion tab open fully.

Hi team,

Thanks for always great support.

I have one small request that I cant really solve by myself here. I want the single product pages (product pages) to have the same functionallity like now with accordion tabs, with one exception.

Can we make the tabs open up without the scroll, I want them to fully open on click, , removing the scrollfunction.

Can we do this?

Note I still want them to load in closed with only description open (as of now), but removing the scroll they have by default. Just let them unfold to full size containing content.

Best regards
Staffan

Hello,

Please try adding the following JS on document ready in Theme Settings -> Custom JS

jQuery('.wc-tabs-wrapper .wd-accordion-title').on('click', function (e) {
	e.stopPropagation();
	e.preventDefault();
	console.log(jQuery(this));
	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!

Thanks!

I tried this one, it looks like it should work, but it doesnt 😀

Any ideas?

/Staffan

Hello,

Sorry for the misunderstanding. I thought you were asking to remove the scroll effect after you open the tab.

If you want to change the height of the scrolling content then please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.tabs-layout-accordion .wd-scroll-content {
    max-height: 1000px;
}

Best Regards

Perfect!

Thanks!

/Staffan

Hello,

We are Glad that you loved our Theme and Support Staff. We wish you all the best.

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts