Star ranking shortcode not working as intented in my archive loop

Hi Jinigoe,

Shortcodes will always return the get value of the page viewed on a Query Loop.

You’ll need to filter it in.

Can you try creating a Container Block and give it a class of: cu-star-placeholder. Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Then, add this snippet:

add_filter( 'render_block', function( $block_content, $block ) {
    if ( !is_admin() && ! empty( $block['attrs']['className'] ) && strpos( $block['attrs']['className'], 'cu-star-placeholder' ) !== false ) {
		$rating_term = get_field('rating');
		$star_color = 'orange';
		$prefix = 'star-bar-';
		$uniqueClass = uniqid($prefix);
		$percentage = 100 * $rating_term / 5;
		$html = '<strong>'.$rating_term.'/5</strong>
		<span class="'.$uniqueClass.'">★★★★★</span>
		<style>
		.'.$uniqueClass.' {
			background: linear-gradient(90deg, '. $star_color . ' ' . $percentage .'%, rgba(0,0,0,1) '. $percentage.'%);
			color: rgba(0,0,0,0);
			background-clip: text;
			-webkit-background-clip: text;
		}
		</style>
		<script type="application/ld+json">
			{
			  "@context": "https://schema.org",
			  "@type": "Rating",
			  "ratingValue": '.$rating_term.',
			  "bestRating": "5",
			  "worstRating": "1"
			}
		</script>
		';
		return $html;
    }

    return $block_content;
}, 10, 2 );

Adding PHP: https://docs.generatepress.com/article/adding-php/#code-snippets

You’re welcome, Jinigoe!