Tagged: BoldGrid Themes, Cobalt
- AuthorPosts
- January 8, 2024 at 12:17 pm #121964MasonGuest
I’m having a problem with the Woocommerce product tabs on my product pages. If you click on a product the description is shown under the description tab. When you click on any other tab the content for that tab is not visible. Returning to the description tab it is now empty as well. The only way to see the product description again is to refresh the page.
I have deactivated each plugin (except woocommerce) and the problem is still there. While looking for a possible cause it looks like Woocommerce points to themes needing updated. Under Woocommerce status it shows a lot of out-dated templates in the Cobalt theme.
If I do a live preview from Boldgrid post and page builder everything works fine.
Here is an example page:
https://precisereliability.com/product/hamar-laser-x-880-laser-shaft-alignment/January 8, 2024 at 12:34 pm #122452Brandon CKeymasterHi Mason,
Thank you for reaching out and thanks for using the Colbalt theme with BoldGrid Post and Page Builder for WordPress!
We are aware of the outdated WooCommerce templates in the Colbalt theme but I don’t think it should cause any compatibility issues within your site.
We have a bug request in with our theme developers about the issue, and I’ll see if we can get an update released soon.
I inspected your linked product page and also setup the Colbalt theme with WooCommerce in my own dev environment. I see the product tab issue on your page but I was not able to replicate the issue in my own instance. On further inspection I see a custom class and ID
class="wb_cptb_1_tab"
ID="tab-title-wb_cptb_1"
linking to this href inside of the description: `I think maybe you have some sort of custom setup that links to these anchors and that is causing your error. Can you confirm if that’s possible?
I hope this helps Mason, we look forward to assisting you further with this!
January 9, 2024 at 10:54 am #122471MasonGuestBrandon,
That is definitely possible. I haven’t done any custom setup, and everything has been working fine for a couple of years, but it recently started doing this. I was using a plugin called “custom product tabs” which doesn’t seem to be updated anymore so I deactivated and uninstalled it. I was checking it for updates because of this problem so I assumed it was because it had not been updated in a long time. I installed another plugin to be able to make custom tabs, but nothing changed.I have another site that is nearly identical (precisevibration.com and has the same problem) and I noticed if I add a product to the cart the tabs function as they should. Maybe caused by a Woocommerce update incompatibility with the old plugin? Can I edit/delete that class, ID and href?
Thank you for your help,
MasonJanuary 9, 2024 at 1:01 pm #122483Brandon CKeymasterHi Mason,
Thanks for your response. I reinspected your site and I no longer see those specific selector tags so I’m assuming deactivating the plugin did remove those particular classes and IDs. I notice the problem still persist and when inspecting the browser console for JavaScript errors I see some caching errors with what looks like minification files in the WP Optimize Plugin:
wpo-minify-footer-1072fa53.min.js:239 Uncaught TypeError: Cannot read properties of undefined (reading 'noConflict') at wpo-minify-footer-1072fa53.min.js:239:19
Uncaught TypeError: Cannot read properties of undefined (reading 'use') at wpo-minify-footer-c5e9ce91.min.js:8:838 at wpo-minify-footer-c5e9ce91.min.js:8:1447
I located a similar issue and resolution in the WordPress repo and it looks like disabling particular minification settings seemed to have solve it.
There could be some mis-configured caching settings and you can try temporarily deactivating WP Optimize and clearing all cache related to your website including browser cache and any server-side caching assistants and reloading your product page.
To test your issue even further if you can us know:
- The desired result of your product tab functionality
- The exact plugin you’re using to incorporate this functionality.
It would be great if you could send us the direct link to the WooCommerce Product Tabs plugin you’re using as I’ve seen quite a few listed in the repo.
Thanks Mason, we’re looking forward to hearing back from you!
January 10, 2024 at 10:18 am #122506MasonGuestHere is a link to the plugin
The product tabs had brochures and other product information. I think most products had 2-3 tabs. When I changed plugins all of the tabs were removed so I will need to rebuild them.
I disabled “Enable merging of JavaScript files” first an then cleared all caches and no change. I then deactivated WP Optimize and Booster for Woocommerce (Custom Product Tabs was already disabled) and cleared all caches. The product tabs work with these deactivated.
I then activated Booster for Woocommerce and cleared caches and tabs work.
I activated Custom Product tabs and tabs work.
I activated WP Optimize and the tabs no longer work. Deactivated WP Optimize again and purged and the tabs work again.It looks like the problem is with the WP Optimize plugin. I must have missed a cache when I deactivated it earlier.
Thank you for all of your help.
January 10, 2024 at 10:24 am #122516Brandon CKeymasterHey Mason,
I’m happy to hear you’ve located the source of the issue. Caching is very important for site performance and most caching plugins usually need specific settings enabled to function properly or else some files that have been modified for performance will not display correctly.
My suggestion is to contact WP Optimize directly and inquire about the correct settings for your WordPress site. They will more than likely be able to guide you through this process.
Thanks Mason! Please don’t hesitate to reach back out to us if you have any further questions on setting up product tabs in your Cobalt theme.
- AuthorPosts
- The topic ‘Woocommerce product tabs not displaying in my BoldGrid Cobalt theme’ is closed to new replies.