<!-- wp:paragraph -->
<p>This is dynamic block which can be used as standalone for inner pages and also inside query module. This blocks allows to count thumbs.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Few available design types.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>Thumbs counter</strong></p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/thumbcounter {"id":"gsbp-de1b4b5d-d81f","loading":false} /-->
<!-- wp:paragraph -->
<p><strong>Hot counter</strong></p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/thumbcounter {"id":"gsbp-33e77906-9ce8","type":"plusminus","tempscale":true,"loading":false} /-->
<!-- wp:paragraph -->
<p>You can also change position of counter, colors, spacing, borders, etc</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>You can also import thumbs from definite post by ID, this allows to show multiple thumbs from several posts.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>The most common scenarios to use - is to place it in query loop block.</p>
<!-- /wp:paragraph -->
<!-- wp:query {"queryId":22,"query":{"perPage":"4","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":2},"className":"is-style-fr-brdnpaddradius","layout":{"inherit":false}} -->
<div class="wp-block-query is-style-fr-brdnpaddradius"><!-- wp:post-template -->
<!-- wp:post-featured-image {"isLink":true,"height":"230px","className":"fr-hover-scale-img"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"10px","padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}}}} -->
<div class="wp-block-group" style="padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><!-- wp:post-terms {"term":"category","separator":" ","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"className":"is-style-blockpress-tags-nounder","fontSize":"xsmall"} /-->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"subheading"} /-->
<!-- wp:greenshift-blocks/thumbcounter {"id":"gsbp-ba9abcf4-d986","inlineCssStyles":".gspb_id-gsbp-ba9abcf4-d986{display:flex; align-items:center; }.gspb_id-gsbp-ba9abcf4-d986 \u003e *{margin-right:12px; display:flex; align-items:center}.gspb_id-gsbp-ba9abcf4-d986 .gs-thumbsminus, .gspb_id-gsbp-ba9abcf4-d986 .gs-thumbsplus{cursor:pointer}.gspb_id-gsbp-ba9abcf4-d986 .alreadyhot{cursor:not-allowed !important}.gspb_id-gsbp-ba9abcf4-d986 .gs-thumbsminus svg{fill:#d10000;}.gspb_id-gsbp-ba9abcf4-d986 .gs-thumbsplus svg{fill:#67a827;}.gspb_id-gsbp-ba9abcf4-d986 .gs-thumbsminus svg, .gspb_id-gsbp-ba9abcf4-d986 .gs-thumbsplus svg{width:20px;height:20px;}","loading":false} /--></div>
<!-- /wp:group -->
<!-- /wp:post-template --></div>
<!-- /wp:query -->