Bug with auto scrolling of product accordion in theme version 8.1.2

Hello!

After one of the global theme updates, the accordion function for product tabs was broken, namely, section anchors and auto-scrolling to them by clicking on the section expansion disappeared, I note that this is only for the accordion function – this greatly worsens the usability of the user interface of the theme since we do not use the tab mode, especially on mobile adaptive when the description is filled in and the user clicks on viewing the characteristics / attributes of the product, getting to the end or center of the section (previously, the page scrolled to the beginning of the section, I would like to return this behavior of the page). At the moment, the theme version is 8.1.2 including all available patches applied.

Please make a correction or indicate how to activate the auto-scrolling function by clicking on the product tabs in the accordion mode.

– An example of a product for debugging with filled content of the description and characteristics / attributes: https://zyabkin.ua/shop/akumuliatornii-svitlodiodnii-likhtar-ledcoin-el306-4vt-sirii/
– A screenshot of the accordion in question with the display of the section start button: https://prnt.sc/ipRdI-12lF_T
– A video with a bug for adaptive: https://www.youtube.com/shorts/eAKYR_gyScA

We also read some topics on the accordion topic on the forum, as a suggestion – add the behavior of auto-scroll and anchors to the changeable parameters of the theme.

Thank you!

Hello,

Is there any chance that you could give me access to the dashboard area so I can check the settings there?

Looking forward to collaborating with you!

Kind Regards

I have given you access to the control panel in a private message so that you can check the settings there.

Hello,

May I disable the 3rd party plugins and enable the parent theme for a while for testing?

Looking forward to collaborating with you!

Kind Regards

Yes, sure.

Hello,

Add the code below to the functions.php file in your child theme:

add_action( 'elementor/frontend/before_render', function ( $widget ) {
		if ($widget->get_name() === 'wd_single_product_tabs') {
			$widget->add_render_attribute( '_wrapper', 'class', 'tabs-layout-accordion' );
		}
}, 10 );

Then recheck the issue and let me know. In general, it will be fixed in the next update.

Kind Regards

Hi!
I’ve written a fix in the child theme, it works correctly on mobile adaptive.
Thanks!
It shouldn’t work on Desktop resolutions (if I’m not mistaken, it worked once too)?

The Desktop version doesn’t have such a scroll, you can recheck it in the previous version.

Kind Regards

Ok. Then you can close this topic. Thank you for your cooperation, everything is great!

Hello,

We’re pleased to hear that the provided solution worked correctly.

Thank you for your cooperation and understanding!

Kind Regards

[Author]

Posts