Count pro percent shortcode

@pikashoo

Unfortunately, this is not so easy. You have to copy the template and adapt it to make it work.

You copy this file: https://gist.github.com/pixelbart/3f81d45ec0fdbf5da4ca779ba6bcff33
Into the folder: wp-content/themes/your-theme/helpful/helpful.php

You can also help out with JavaScript if you like. Here’s an example, completely unoptimized, but it should work:

jQuery('.helpful').each(function() {
    let helpful = jQuery(this);
    let proButton = helpful.find('.helpful-pro');
    let contraButton = helpful.find('.helpful-contra');
    let pro = parseInt(proButton.find('.helpful-counter').text());
    let contra = parseInt(contraButton.find('.helpful-counter').text());
    let total = pro + contra;
    let proPercent = Math.round((pro / total) * 100);
    let contraPercent = Math.round((contra / total) * 100);

    proButton.find('.helpful-counter').text(proPercent + '%');
    contraButton.find('.helpful-counter').text(contraPercent + '%');
});

If you’d rather put this in your functions.php, that works too:

add_action('wp_footer', function() {
    ?>
<script type="text/javascript">
jQuery('.helpful').each(function() {
    let helpful = jQuery(this);
    let proButton = helpful.find('.helpful-pro');
    let contraButton = helpful.find('.helpful-contra');
    let pro = parseInt(proButton.find('.helpful-counter').text());
    let contra = parseInt(contraButton.find('.helpful-counter').text());
    let total = pro + contra;
    let proPercent = Math.round((pro / total) * 100);
    let contraPercent = Math.round((contra / total) * 100);

    proButton.find('.helpful-counter').text(proPercent + '%');
    contraButton.find('.helpful-counter').text(contraPercent + '%');
});
</script>
<?php
});

Hopefully I could help you in some way. If I have misunderstood you, then write me briefly what exactly you have in mind.

Greetings Kevin

@pikashoo

Now I hope I have understood you. Here, this should work (functions.php):

add_shortcode('pikashoo_helpful', function ($atts) {
    $defaults = [
        'type' => 'pro',
        'percentage' => true,
        'format_percentage' => '%d%%',
        'format' => '%d',
        'post_id' => null,
    ];

    $atts = shortcode_atts($defaults, $atts);

    extract($atts);

    $is_percentage = ($percentage === true);

    if ($post_id === null) {
        $post_id = get_the_ID();
    }

    if ($type === 'pro') {
        $value = Helpful\Core\Helpers\Stats::get_pro( $post_id, $is_percentage );
    } else {
        $value = Helpful\Core\Helpers\Stats::get_contra( $post_id, $is_percentage );
    }

    if ($is_percentage) {
        $content = sprintf($format, $value));
    } else {
        $content = sprintf($format_percentage, $value));
    }

    return apply_filters('pikashoo_helpful_content', $content, $atts);
});

default options
[pikashoo_helpful type="pro" percentage="true" format_percentage="%d%%" format="%d" post_id="null"]

pro percentage
[pikashoo_helpful type="pro"]

contra percentage
[pikashoo_helpful type="contra"]

It is best to show only one value at a time, as there can sometimes be differences due to rounding.

Greetings Kevin