Tab title language issue

  • Resolved RuGaRR

    (@rugarr)


    3 years, 3 months ago

    Unfortunately we’ve run into a strange problem. When creating a tab with an English title, everything displays fine.

    However if I create a saved tab with a Hebrew title (or simply edit the existing, English tab), the tab content is blank on the product page.

    The same problem occurs with saved tabs.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @rugarr,

    That is very strange. Could you provide a link to a page that showcases this issue?

    Thanks,
    Jon

    Thread Starter RuGaRR

    (@rugarr)

    Sure, here is an example:

    https://www.kideno.com/he/product/%d7%a2%d7%92%d7%9c%d7%94-%d7%98%d7%9b%d7%a0%d7%95-%d7%aa%d7%90%d7%95%d7%9e%d7%99%d7%9d-%d7%90%d7%93%d7%95%d7%9d-%d7%97%d7%93%d7%a9-maclaren/

    You’ll see a “Delivery” tab, and next to it “?????” which is Delivery in Hebrew.

    Both tabs have exactly the same content, but only the tab with the English title actually displays anything.

    Hi @rugarr,

    It looks like the issue here is that javascript isn’t able to understand the tab ID, it’s throwing an error about tab-title-????? being an “unrecognized expression.” The markup is there, but the JS that WooCommerce includes to expand a tab is not working with the ID.

    A regular document.querySelector with the tab ID does work, so I’m not sure what they are doing differently. You may want to reach out to them about this. In the meanwhile, the quick solution is to rename your tabs in English. You can add some JS to change the labels to Hebrew after the page loads, but having English titles in the database will mean English IDs, and should ensure that the WooCommerce JS properly expands your tabs.

    Jon

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tab title language issue’ is closed to new replies.