Tab block error after update

Hi @siuleeboss,

We are sorry for the inconvenience, we will try our best to assist you.

We need your help to provide some additional info so we can identify what is the problem and what might cause it. Please provide:

• a screenshot, or even better, a video of the problem you are facing.
• give us your gutenverse system status. go to Gutenverse dashboard > system status.
• most importantly, send us the content of the tabs block.

Please be patient, and thank you for your understanding.

Regards,

Gutenverse Supports

hi @siuleeboss, and also can you explain what you do mean about block could not display the post list correctly, is what you mean that post sequence? or offset? or something that we miss?

https://i.imgur.com/dvm2lbk.jpeg

https://i.imgur.com/uU9DYYJ.jpeg

THEME INFO

Theme Name : Blockette
Theme Version : 1.0.5 WordPress Environment

Home URL : https://siuleeboss.com/
Site URL : https://siuleeboss.com
Login URL : https://siuleeboss.com/login
WP Version : 6.6.1
WP Multisite : -
WP Debug Mode : Disabled
PHP Memory Limit : 512M
WP Memory Limit : 40M
WP Language : zh_TW
WP Upload Directory : ?
Number of Category : 22
Number of Tag : 33 Server Environment

Server Info : Apache/N-G-I-N-X-htaccess-support
PHP Version : 8.1.29
PHP Post Max Size : 2048M
PHP Time Limit : 300
PHP Max Input Vars : 10000
SUHOSIN Installed : -
WP Remote Get : ?
PHP Image library installed : ?
PHP GD library installed : ?
PHP GD WebP supported : ?
PHP fileinfo library installed : ?
CURL Installed : ? Active Plugins

Advanced Ads : by Advanced Ads GmbH - 1.53.2
Code Snippet DM : by George Cretu - 2.0.3
ConvertKit : by ConvertKit - 2.5.5
Featured Images in RSS for Mailchimp & More : by 5 Star Plugins - 1.6.2
Gutenverse : by Jegstudio - 2.0.2
Header Footer Code Manager : by DraftPress - 1.1.38
IndexNow : by Collins Agbonghama - 2.6.5
Ivory Search : by Ivory Search - 5.5.6
Jetpack : by Automattic - 13.7
Jetpack Boost : by Automattic - Jetpack Site Speed team - 3.4.7
LWS Hide Login : by LWS - 2.2.1
MailPoet : by MailPoet - 4.58.2
Post Views Counter : by dFactory - 1.4.7
Quick Featured Images : by Kybernetik Services - 13.7.1
ShortPixel Adaptive Images : by ShortPixel - 3.9.3
SimpLy Gallery Block & Lightbox : by GalleryCreator - 3.2.3.1
Site Kit by Google : by Google - 1.133.0
Slideshow Reloaded : by Lerougeliet - 1.0.2
Smart Recent Posts Widget : by satrya - 1.0.4
Spice Blocks : by Spicethemes - 2.0.2
Spice Social Share : by Spicethemes - 1.2.1
SW Status Bar - Display Online Status for Twitch / Kick / YouTube : by StreamWeasels - 2.1.4
SW YouTube Integration - Blocks and Shortcodes for Embedding YouTube : by StreamWeasels - 1.3.2
The SEO Framework : by The SEO Framework Team - 5.0.6
UpdraftPlus - Backup/Restore : by UpdraftPlus.Com, DavidAnderson - 1.24.4
WordPress REST API Authentication : by miniOrange - 3.4.0
WordPress YouTube Gallery : by Pluginic - 2.4.0
WP Mail SMTP : by WP Mail SMTP - 4.1.1
XO Featured Image Tools : by Xakuro - 1.15.2
Yet Another Related Posts Plugin (YARPP) : by YARPP - 5.30.10

hi @siuleeboss

here what we see right here : https://imgur.com/a/CErPsNA

we cannot see problem you having right here from your website, and not able to replicate your issue on our end.

if you still have the problem, can you help us provide the content of the tabs block. you can see video @gowinda sent how we can replicate your issue with providing content of tab block.

Thank you

After I manually cleared the site’s cookies, the block was displayed correctly, but there is still a problem here, that is, I cannot guarantee that those who have visited my website will be able to display the block correctly. How can you guarantee that without manually Can clearing cookies still display correctly?

And in the editor interface, “error” is still displayed, as shown in my previous screenshot. The following is the content of the block:

<!-- wp:gutenverse/tabs {"elementId":"guten-SnJQze"} -->

<div class="guten-element guten-tabs guten-SnJQze horizontal"><div class="tab-heading"><div class="tab-heading-item active" id="Qh8DbB" data-id="Qh8DbB"><span>食譜</span></div><div class="tab-heading-item" id="TmjgQI" data-id="TmjgQI"><span>AI資訊</span></div><div class="tab-heading-item" id="h8XLMa" data-id="h8XLMa"><span>AI工具</span></div></div><div class="tab-heading-mobile"><div class="tab-title"><span>食譜</span><i class="tab-dropdown-icon fas"></i></div><div class="tab-option"><div data-id="Qh8DbB" class="tab-option-item active"><span>食譜</span></div><div data-id="TmjgQI" class="tab-option-item"><span>AI資訊</span></div><div data-id="h8XLMa" class="tab-option-item"><span>AI工具</span></div></div></div><div class="tab-body"><!-- wp:gutenverse/tab {"elementId":"guten-OOiL4V","tabId":"Qh8DbB"} -->

<div class="Qh8DbB tab-body-item" data-id="Qh8DbB"><!-- wp:gutenverse/post-list {"elementId":"guten-WMKFwb","numberPost":"10","includeCategory":[{"label":"食譜","value":150}],"imageEnabled":true,"metaEnabled":true,"metaDateEnabled":true,"contentAlign":{"Desktop":"left"},"contentMargin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"20","bottom":"","left":""}}},"contentPadding":{"Desktop":[]},"contentWidth":{"Desktop":{"point":"","unit":"px"}},"contentHoverBackground":{"type":"default","color":{"r":210,"g":226,"b":235,"a":1}},"contentBorder":{"radius":{"Desktop":[]}},"contentHoverBorder":{"radius":{"Desktop":[]}},"titlePadding":{"Desktop":[]},"titleTypography":{"size":{"Desktop":{"point":"15","unit":"px"}},"lineHeight":{"Desktop":{"unit":"em","point":"1.2"}},"spacing":{"Desktop":"0"},"weight":"400","style":"default"},"imageWidth":{"Desktop":"40"},"imageHeight":{"Desktop":"90"},"imageFit":{"Desktop":"contain"},"imageMargin":{"Desktop":{"unit":"px","dimension":{"top":"5","right":"5","bottom":"5","left":"0"}}},"iconMargin":{"Desktop":[]},"iconRadius":{"Desktop":[]},"metaMargin":{"Desktop":[]},"metaPadding":{"Desktop":[]},"metaBorder":{"radius":{"Desktop":[]}},"border":{"radius":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}}},"margin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}},"padding":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}}} -->

<div class="guten-element guten-post-list guten-WMKFwb"></div>

<!-- /wp:gutenverse/post-list --></div>

<!-- /wp:gutenverse/tab -->

<!-- wp:gutenverse/tab {"elementId":"guten-wnv27b","tabId":"TmjgQI"} -->

<div class="TmjgQI tab-body-item" data-id="TmjgQI"><!-- wp:gutenverse/post-list {"elementId":"guten-7kLRtT","numberPost":"10","includeCategory":[{"label":"AI資訊","value":8}],"imageEnabled":true,"metaEnabled":true,"metaDateEnabled":true,"contentAlign":{"Desktop":"left"},"contentMargin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"20","bottom":"","left":""}}},"contentPadding":{"Desktop":[]},"contentWidth":{"Desktop":{"point":"","unit":"px"}},"contentHoverBackground":{"type":"default","color":{"r":210,"g":226,"b":235,"a":1}},"contentBorder":{"radius":{"Desktop":[]}},"contentHoverBorder":{"radius":{"Desktop":[]}},"titlePadding":{"Desktop":[]},"titleTypography":{"size":{"Desktop":{"point":"15","unit":"px"}},"lineHeight":{"Desktop":{"unit":"em","point":"1.2"}},"spacing":{"Desktop":"0"},"weight":"400","style":"default"},"imageWidth":{"Desktop":"40"},"imageHeight":{"Desktop":"90"},"imageFit":{"Desktop":"contain"},"imageMargin":{"Desktop":{"unit":"px","dimension":{"top":"5","right":"5","bottom":"5","left":"0"}}},"iconMargin":{"Desktop":[]},"iconRadius":{"Desktop":[]},"metaMargin":{"Desktop":[]},"metaPadding":{"Desktop":[]},"metaBorder":{"radius":{"Desktop":[]}},"border":{"radius":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}}},"margin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}},"padding":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}}} -->

<div class="guten-element guten-post-list guten-7kLRtT"></div>

<!-- /wp:gutenverse/post-list --></div>

<!-- /wp:gutenverse/tab -->

<!-- wp:gutenverse/tab {"elementId":"guten-8zVFs8","tabId":"h8XLMa"} -->

<div class="h8XLMa tab-body-item" data-id="h8XLMa"><!-- wp:gutenverse/post-list {"elementId":"guten-mmKD22","numberPost":"10","includeCategory":[{"label":"AI工具","value":6}],"imageEnabled":true,"metaEnabled":true,"metaDateEnabled":true,"contentAlign":{"Desktop":"left"},"contentMargin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"20","bottom":"","left":""}}},"contentPadding":{"Desktop":[]},"contentWidth":{"Desktop":{"point":"","unit":"px"}},"contentHoverBackground":{"type":"default","color":{"r":210,"g":226,"b":235,"a":1}},"contentBorder":{"radius":{"Desktop":[]}},"contentHoverBorder":{"radius":{"Desktop":[]}},"titlePadding":{"Desktop":[]},"titleTypography":{"size":{"Desktop":{"point":"15","unit":"px"}},"lineHeight":{"Desktop":{"unit":"em","point":"1.2"}},"spacing":{"Desktop":"0"},"weight":"400","style":"default"},"imageWidth":{"Desktop":"40"},"imageHeight":{"Desktop":"90"},"imageFit":{"Desktop":"contain"},"imageMargin":{"Desktop":{"unit":"px","dimension":{"top":"5","right":"5","bottom":"5","left":"0"}}},"iconMargin":{"Desktop":[]},"iconRadius":{"Desktop":[]},"metaMargin":{"Desktop":[]},"metaPadding":{"Desktop":[]},"metaBorder":{"radius":{"Desktop":[]}},"border":{"radius":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}}},"margin":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}},"padding":{"Desktop":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}}} -->

<div class="guten-element guten-post-list guten-mmKD22"></div>

<!-- /wp:gutenverse/post-list --></div>

<!-- /wp:gutenverse/tab --></div></div>

<!-- /wp:gutenverse/tabs -->

Hi,

Thank you for cooperating with us! If you clear the cache on the server (for example, using a cache-clearing plugin), content like posts and comments will be updated to reflect what’s on the server. Since the post list is generated dynamically, users should be able to see the updated content as well, since it isn’t cached in the same way as CSS styling.

If you create a new tab with the post list, does the content still show an “error”? We’ve identified a potential conflict with the plugin Spice Blocks by Spicethemes. Try disabling it and see if the error persists.

We’re still unable to replicate the exact error where the post list shows the message “error.” If possible, could you try to identify the error by going to the editor where the post list displays “error”? Right-click on the post list, select Inspect/Inspect Element, and check the console for any error messages.

• This reply was modified 2 months, 4 weeks ago by gowinda.

Error still showing after deactivating Spice Blocks plugin

Hi,

I’m sorry to hear that. Have you had a chance to try the other suggestion? It’s challenging for us because we’re unable to replicate the issue on our end.