Thumbs/Hot counter

This is dynamic block which can be used as standalone for inner pages and also inside query module. This blocks allows to count thumbs.

Few available design types.

Thumbs counter

515

Hot counter

515

You can also change position of counter, colors, spacing, borders, etc

You can also import thumbs from definite post by ID, this allows to show multiple thumbs from several posts.

The most common scenarios to use – is to place it in query loop block.

  • Tooltip

    0
  • Page transitions

    0
  • Effects Preset Kit

    0
  • Custom Cursor

    3
Copy this post’s content
<!-- 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 -->
«
»