Review Block – Not outputting correctly on frontend

Hi @imtiazrayhan

I did try saving as draft then previewing – it was still the same.

I have just installed “Public Post Preview” so I can share the post with you. Please see the link below.

One thing I forgot to note! I’m using the Gutenberg plugin (v6.4) as well! There’s some strange behaviour with the input fields (most of the time I can’t focus them!) for the Review block and it looks like deprecated input methods might be being used?

I have now disabled the Gutenberg plugin completely, to avoid the input field issues (wp.editor -> wp.blockEditor) and I’m still seeing the backend and frontend not matching up.
Backend: https://snipboard.io/ZqSTnw.jpg
Frontend: https://willstocks.co.uk/?p=2943&preview=1&_ppp=bb1b3a7b15 & https://snipboard.io/7ROMkU.jpg

Gutenberg Plugin errors:

wp.data.select( 'core/editor' ).getBlock is deprecated. Please use wp.data.select( 'core/block-editor' ).getBlock instead.

wp.editor.RichText is deprecated. Please use wp.blockEditor.RichText instead.

wp.editor.withColors is deprecated. Please use wp.blockEditor.withColors instead.

Also:

About the CTA button, we will most probably add an option to turn it off/on.

Thank you! I can confirm that it is working perfectly and looks much better 🙂

Just need the stars now 😀

Thanks @imtiazrayhan 😀

Re: Color scheme – yes, it would be nice for me to set a global default color if possible, that matches my brand colors? That way, only “edge cases” I have to select other colors and instead the stars match my color scheme by “default” if that makes sense?

I know I have the option per post, but if I posted 10+ reviews per day, I would definitely forget at least once :’)

Hi @imtiazrayhan
Is there any progress with regards to the above?
Cheers,
Will

Hi @imtiazrayhan ,

Thanks for getting back to me 🙂

I’ve cleared all opcode caching etc. and I’m now not seeing PHP errors being logged at the moment (some good news I suppose!), however I’m still not seeing the output on the frontend correctly. I also uninstalled and reinstalled the plugin for good measure.

I will get another site set up to do some further testing, but really basic troubleshooting and taking the output from the frontend:

print_r($attributes):
Array ( [blockID] => [authorName] => [itemName] => [items] => [{"label": "", "value": 0}] [starCount] => 5 [summaryTitle] => Summary [summaryDescription] => [callToActionText] => [callToActionURL] => [callToActionBackColor] => #f63d3d [callToActionForeColor] => #ffffff [inactiveStarColor] => #888888 [activeStarColor] => #eeee00 [selectedStarColor] => #ffff00 [titleAlign] => left [authorAlign] => left [enableCTA] => 1 [ctaNoFollow] => 1 [ctaOpenInNewTab] => 1 )

print_r(extract($attributes)):
19

print_r($parsedItems):
Array ( [0] => Array ( [label] => [value] => 0 ) )

print_r($blockID):

print_r($extractedValues):
Array ( [0] => 0 )

My block was set up as follows:

Title: Test
Author: Will
Item 1: Test 1
Item 1 Star: 4
Item 2: Test 2
Item 2 Star: 3
Summary Title: Summary
Summary Content: This is a test
No call to action defined

I have just logged this with Remove Orphan Shortcodes: https://wordpress.org/support/topic/breaks-ultimate-blocks-plugin-frontend/