Home Forums WoodMart support forum Problem with mobile product tabs

Problem with mobile product tabs

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #260417

    Whitening
    Participant

    Hello, In the attached video you can see the problem. https://we.tl/t-q3YQ8vnIco We deactivated every plugin, updated the theme, plugins and the core to the newest versions, but the problem is still there. Our team thinks that the problem is related to the jQuery. We tried to rollback the previous jQuery version, but it gets worse. You can download a video example of the problem from the link I sent. When we change the theme to twenty twenty everything is okay with the tabs, so we decided to write you to take a look.

    #260451

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please clarify what is wrong with the tabs. I looked through your video a few times and cannot figure out. The tabs are transformed into accordion on mobile and the first tab is open.

    Best Regards

    #260533

    Whitening
    Participant

    When we click on the accordion menu the autoscroll is fixing the position in the middle of the content, not in the beginning. You need to manually scroll up to read the content.

    #260688

    Hello,

    Please provide your site admin access to the private area.

    Please confirm the permit for us to deactivate the plugins not related to the theme for the while of checking what may take up to 15 minutes.

    Best Regards

    #260691

    Whitening
    Participant

    Granted.

    #260841

    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 .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');
    });

    When you click the next tab, the previous one would remain open with this code. If you want the code where all the tabs are open, let us know, we shall provide, however, we do not guarantee it would be stable.

    Kind Regards

Viewing 6 posts - 1 through 6 (of 6 total)