Docs

[jcolinpetersen]

One of the sites I manage, weathertec.com, utilizes the X Theme with WooCommerce to list the specs on the different sprinklers our client offers. Because they offer the sprinklers overseas, I used the tabs shortcode to list both metric and standard measurements for each of the products. After a recent upgrade, however, not only have the tabs disappeared, but the tables and content within the shortcodes are not displaying.

https://www.weathertec.com/product/1-14-impact-sprinkler-fullpart-circle-15-80/

I am using WordPress 4.5.2 using the most recent version of X.

Please let me know what I can do to fix this situation quickly.

Thank you!

[Rupok]

Hi there,

Thanks for writing in! It seems a plugin (autoptimize) hiding them. Kindly deactivate this to get expected result.

Cheers!

[jcolinpetersen]

Thank you. I disabled the plugin, deleted the cache, and tried to load the product pages again, and the tabs and its contents are still not showing.

[Jade]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[jcolinpetersen]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. It seems you have the following code on your CHild Theme’s CSS :

.description_tab {
  display: none;
}

Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

Hope this makes sense.

Cheers!

[jcolinpetersen]

Thank you for taking a look at it, however the CSS quoted above does indeed hide the description (which is intentional). Removing the CSS has no effect on the tabs.

[Rupok]

Hi there,

Thanks for updating. If that was intentional then you can keep this and add the below code :

.x-tab-content > .x-tab-pane {
  display: block!important;
}

Hope this helps.

Cheers!

[jcolinpetersen]

Closer, but it still isn’t working. I added the CSS in to the customizer, and although the tabs appear, the content portion is all displaying in one tab.

Because the site is live, I removed the CSS so the issue will not be viewable to our clients and their customers.
In addition, the Google Fonts we had chosen for the content on the site are showing on the navigation, but not on the main site anymore.

Thank you.

[Rad]

Hi there,

This is an issue with multiple/nested tabs. I already forwarded this to our developer.

For the meantime, please add this,

.x-tab-pane.active, .x-tab-pane.description_pane {
  display: block!important;
}

Cheers!

[jcolinpetersen]

Thank you.

Is there a reason why this worked originally and no longer does since the upgrade?

[Rue Nel]

Hello There,

That could be due the changes they’ve made in the latest version. Our developers will be looking into this. Once they’ll have it fix, it will be updated and will be rolled out in our nest update release.

Thank you for your understanding.

[Author]

Posts