Reorganized tabs showing gray boxes

  • Resolved emeshto

    (@emeshto)


    2 years, 7 months ago

    Hi Experts!

    I’m using the product tabs to show additional information for some products. However, I reorganized the tabs using a code that I’ve put on functions.php file. After doing this, some products that do not need all three tabs are showing two empty gray tabs.

    Here’s the code that I embedded:

    add_filter( ‘woocommerce_product_tabs’, ‘reordered_tabs’, 85 );

    function reordered_tabs ( $tabs ) {

    $tabs[‘reviews’][‘priority’] = 5;
    $tabs[‘product reference’][‘priority’] = 10;
    $tabs[‘additional_information’][‘priority’] = 15;

    return $tabs;

    }

    I’m sure I missed something so any leads on how to fix this would be greatly appreciated! Thank you so much in advance!

    Em

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi there,

    Thanks for reaching out!

    I visited the URL you shared on this thread but did not see those empty gray tabs you mention. Can you make a screenshot so that we can check this further?

    I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread. It works with Chrome, Firefox, Safari, and Edge browsers.

    Cheers.

    Thread Starter emeshto

    (@emeshto)

    Hi Mirko @rainfallnixfig,

    Thank you for getting back. I actually found a quick CSS fix with this code to hide the tabs. I have now removed the code so you can have a look at the gray boxes. Not sure if there’s another way to fix this properly. Thank you in advance!

    This is my quick CSS fix:

    selector #tab-title-additional_information {
    background-color: #FFFFFF00;
    border-color: #FFFFFF00;
    padding: 0px 5px;
    }

    selector #tab-title-product {
    background-color: #FFFFFF00;
    border-color: #FFFFFF00;
    padding: 0px 10px;
    }

    Glad to hear it – thanks for letting us know!

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reorganized tabs showing gray boxes’ is closed to new replies.