Woodmart products "automatically" scroll to the bottom of the page
-
We are busy setting up a new site using Woodmart.
In the products section, for every product we have 2 or 3 columns where the column on the RHS includes an accordion. This accordion has 3 headings, namely ‘features’, ‘warranty’ and ‘returns’.
All seems OK. However, if you scroll down or open the ‘features’ tab on any product and scroll down a little further, suddenly the page automatically scrolls right down to the the bottom of the page and there is no way of stopping it. If you are higher up the product page to where the images are, all is OK….it only happens when you start to scroll down on any product page or open the ‘features’ tab.
Please help
Hello,
Try to add the following code snippet to the Custom JS area on the document ready in Theme Settings to fix this issue.
jQuery('.wc-tabs-wrapper .wd-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');
});
Kind Regards
.
