jpowersdev

Hi @streamcare2,

There is a length limit on meta fields, but it is very very large (4,294,967,295 characters). That is set by WordPress in your database, and it’s unlikely that you are reaching that limit.

Does the body of that text have any special characters in it? Is it regular text or does it contain HTML? If you right-click the page and click “Inspect”, you can see the browser developer tools. If you go to the “Console” and then try adding a tab again, do any error messages appear in the Console? Are you using the Save Tabs button underneath all of the product tabs, or are you just clicking Update on the entire product?

Let me know what you find,
Jon

Hi @13patricia,

It looks like your tabs are expanding to the width of their content and not to the container. This can be changed using some CSS:

@media(max-width: 576px) {
  .tabs.wc-tabs {
    display: flex;
    flex-direction: column;
    padding: 0 1em;
  }
}

You may want to change the breakpoint to match the rest of your CSS, I just used Bootstrap’s 576px.

Let me know if that helps,
Jon

Hi @sneike,

Try this instead:

document.addEventListener('click', function (event) {
    if (event.target.hash && event.target.hash.includes('tab-')) {
        // Ignore other click events
        event.preventDefault();

        // Set up variables
        const tabName = event.target.hash.replace('#tab-', '');
        const tabLink = document.getElementById('tab-title-' + tabName)
        const tab = document.getElementById('tab-' + tabName);

        // Click on tab title to display tab
        tabLink.getElementsByTagName('a')[0].click();

        // Scroll to tab
        jQuery('html, body').animate({
            scrollTop: tab.parentElement.offsetTop
        }, 300);
    }
})

Let me know if that helps,
Jon

Hi @sneike,

I haven’t yet received an email, are you sure you used jon@yikesinc.com?

Thanks,
Jon

Hi @barrettjason,

I’d love to help you but we can’t answer premium support questions on the free forums. Our plugin has a support page that will allow you to open a ticket, if you could please send your message through that.

I’ll see you over there,
Jon

Hi @sneike,

Could you provide a link to the page you are having trouble with? It probably needs a little customization to suit your theme.

As for the js error log, you can view that by right-clicking the page and selecting “Inspect” from the menu. Then if you navigate to the Console, you will see any errors the browser is reporting (along with other messages).

Jon

Hi @vegagiga,

Can you provide a link to the page you are having trouble with?

Thanks,
Jon

Hi @edvardspektar,

The tab data is stored as serialized data, so it would be better to handle this in PHP (either as a wp-cli command or perhaps an admin page with some sort of trigger).

When loading the meta field (yikes_woo_products_tabs) it will be accessible as an associative array, so you can check for the slug of the tab you need and add it if it doesn’t exist. I can’t speak to the WPML interaction or how that will change the strategy.

As an alternative to the above strategy, our premium version of the plugin allows you to apply tabs to products based on taxonomy. In that scenario, you could add a product tag to those products and assign the tab via the global tabs interface.

Let me know if that helps,
Jon