Translating pages with tabs
-
Hi,
I am testing WordPress 5.0 and Kadence Blocks in our sandbox environment. Really like Kadence Blocks, nicely complementing the other plugins out there…I have created a page (“abc”) on our site with 3 (Kadence) tabs. Inside the tabs, I am using a “Post Masonry” Block created with the “Ultimate Addons for Gutenberg” plugin. This works nicely in the original language (EN).
When I translate the page with WPML, the resulting German page only shows the first tab and that tab is very narrow (maybe 5% of the screen width).
I opened the German page in the Block Editor, there, WordPress complains about a broken block. See below for the generated code on the German Page:
<!– wp:paragraph –>
<p></p>
<!– /wp:paragraph –><!– wp:orbitfox/contact-form-7 /–>
<!– wp:kadence/tabs {“uniqueID”:”_b7656d-7f”,”tabAlignment”:”center”,”blockAlignment”:”center”,”titles”:[{“text”:”All”,”icon”:””,”iconSide”:”right”,”onlyIcon”:false},{“text”:”Digital”,”icon”:””,”iconSide”:”right”,”onlyIcon”:false},{“text”:”Designer”,”icon”:””,”iconSide”:”right”,”onlyIcon”:false}],”lineHeight”:5,”letterSpacing”:1} –>
<div class=”wp-block-kadence-tabs aligncenter”><div class=”kt-tabs-wrap kt-tabs-id_b7656d-7f kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-tabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-inherit kt-tab-alignment-center ” style=”max-width:none”><ul class=”kt-tabs-title-list”><li id=”tab-all” class=”kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active”><span class=”kt-title-text”>All</span><li id=”tab-digital” class=”kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive”><span class=”kt-title-text”>Digital</span><li id=”tab-designer” class=”kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive”><span class=”kt-title-text”>Designer</span><div class=”kt-tabs-content-wrap”><!– wp:kadence/tab –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1″><div class=”kt-tab-inner-content-inner”><!– wp:uagb/post-masonry {“block_id”:”f2d805f8-07d2-44a1-b420-bca67f233883″,”categories”:”224″,”postsToShow”:12,”columns”:4,”tcolumns”:3,”mcolumns”:2} /–></div></div>
<!– /wp:kadence/tab –><!– wp:kadence/tab {“id”:2} –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2″><div class=”kt-tab-inner-content-inner”><!– wp:uagb/post-carousel {“block_id”:”d6d13e54-d4b1-46c8-bb1a-b1f955bc69de”,”categories”:”244″,”postsToShow”:12,”columns”:4,”tcolumns”:3,”mcolumns”:2} /–></div></div>
<!– /wp:kadence/tab –><!– wp:kadence/tab {“id”:3} –>
<div class=”wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3″><div class=”kt-tab-inner-content-inner”><!– wp:uagb/post-grid {“block_id”:”1346f159-333d-4909-917d-1fa6e0c94565″,”postsToShow”:12,”columns”:4,”tcolumns”:3,”mcolumns”:2} /–></div></div>
<!– /wp:kadence/tab –></div></div></div>
<!– /wp:kadence/tabs –>The page I need help with: [log in to see the link]
- The topic ‘Translating pages with tabs’ is closed to new replies.