Visual tab doesn’t show content

Hi Ariane,

I’m not sure! I’ve seen this before and it continues to confuse me. I think if you change from text tab back to the visual tab, everything lines up. Is that right? Or if you try to resize the visual tab, it lines itself up again. Can you try that too?

Let me know. Any additional information on this would be helpful as I’m not sure what the cause is and I’d like to fix it.

Sorry I don’t have a better response.

Thank you,
Kevin.

Hi Kevin,

Changing from text to visual doesn’t help but resizing the visual tab works. Strange…
I am not shure what’s going on, sorry, can’t help you further with this. Did you ever ask the Woocommerce guys?

thanks for your plug-in. Besides this little problem it’s working really great!

Cheers, Ariane

Hey Ariane,

I can look into this issue again. I haven’t looked into it in a while because it hasn’t been reported but I’d love to get it fixed. I’ll let you know if I find anything.

Glad you’re enjoying the plugin!

All the best,
Kevin.

Hi Kevin,

I’m also seeing the exact same problem as Ariane and resizing the visual tab also works for me.

I did notice that this doesn’t happen if I’m logged in as an administrator, but does occur if I login as a user that has the “shop manager” role so it seems to be tied to permissions.

Would like to get this fixed as I have clients that need to edit content in these tabs and I’d prefer for them not to have this glitchy behavior.

Thanks!

Hi @markwj777 & arianegordijn,

I think I have a fix for this. It’s a single line of CSS. Let me know if you want to test this CSS on your site to confirm it’s working for you.

Cheers,
Kevin.

Hi Kevin,

Yes please, if you can give me the CSS, I will test it out and let you know.

Thanks for quick response!

Cheers,
Mark

Hey Mark try this:

iframe[id^=_yikes_wc_custom_repeatable_product_tabs_tab_content_] {
    min-height: 150px;
}

Hi Kevin,

Your CSS works in the Chrome inspector when I try it there but I can’t get it to work on the site. I tried putting it two places: 1. In the Customizer under Additional CSS for my theme (Astra Theme) and 2. Putting a CSS snippet in the Code Snippets Plugin. Neither works. I do have other CSS that I put in the Customizer under Additional CSS that is working …

/* remove tab title from within tab for Custom Product Tabs plugin */
h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-features {
display: none;
}

It’s also odd that the problem never occurs when logged in as an Administrator but always occurs when logged in as a user with “Shop Manager” role.

Thanks for any assistance you can provide!

Cheers,
Mark
—

Hi Mark,

I believe those plugins will only add the CSS to the front end of your site (using the wp_enqueue_scripts hook rather than the admin_enqueue_scripts hook). I’m surprised you don’t see the issue as an administrator because I can see the issue on one of my test sites when I’m an admin.

I am will release a new plugin version this morning.

Cheers,
Kevin.

Right, gotcha – OK thanks. Yes, I was surprised to not see it as admin too – didn’t make sense. Anyway, thanks for releasing a new version!

I must say I am very pleased with your plugin and your response to this issue – thanks so much!

Cheers,
Mark
—