Woocommerce product page tabs

Support
#1

Hello , we have an issue with the tabs on our qoocommerce product page, they won’t display the content when the page is loaded, unless you click on one of the two tabs-

you’ll find all the access in this post’s secure note.- thanks for the help.

#2

Hi qifactory,

I’ve checked your website and I can see you added this JS snippet somewhere on your website that is generating an error preventing your website’s scripts from running properly and this could be the reason why you have this tabs behavior:

$('#place_order').click(function() {
    $('#x-root').css({
        'cursor': 'wait',
      'background':'black'
    });
  });

First, I recommend removing this code and recheck this issue, if everything is working fine, then I suggest replacing $ with jQuery as I believe this should fix it.

If none of these helped, then please provide us with WordPress Dashboard login details in a “Secure Note” so we can investigate this issue.

Thanks.

#3

Hi @Alaa , I removed the script, but the strange behavior remains.
Please find the secure note attached-

#4

Hi qifactory,

I’ve tried to log in but it says that the password is incorrect for this username, could you please recheck that for me?

Thanks.

#5

Sure, please check teh secure note for the updated pwd-

#6

Hi,
Unfortunately, it’s still not working, I can’t log in your website. Please check the video screencast in the “Secure Note” to this reply.

Thanks.

#7

Hello, sorry to hear that, please login directly to the live site htts://qifactory.com - Find the credentials attached in the sec. note.

#8

Hey @qifactory,

I activated the parent X theme and the issue was fixed. There must be something in your child theme that is causing the issue. Please check your customizations.

Thanks.

#9

Hi @christian_y , thanks for pointing that out. I reverted all the changes related to the product page on the child theme and now it’s working again. the issue I face now is that I would like to have the quantity input and the (buy) button on the page on the same line, unlike they are now (attached image) , but i can’t find a way to arrange the elements properly- Could you help with it please ?

#10

Hi,

To achieve that, you can add the code below in Theme Options > CSS

.single-product .single_add_to_cart_button.button.alt {
        margin-top: -5px;
}

.single-product div.quantity {
    float: left;
}

Hope that helps

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.