<!-- wp:paragraph -->
<p>Greenshift has option to build custom designs for comment queries.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>To use this block, add <a href="https://greenshiftwp.com/repeater-builder/" data-type="post" data-id="2714">repeater builder</a> block and select Comments as type</p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":4773,"width":252,"height":490,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2024/05/comments.png" alt="" class="wp-image-4773" width="252" height="490"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>Repeater block will automatically detect important Comment data + data of attached post + data of Author of comment + registered Comment meta fields</p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":4775,"width":246,"height":512,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2024/05/commentsquery-492x1024.png" alt="" class="wp-image-4775" width="246" height="512"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>Using this block is the same as <a href="https://greenshiftwp.com/repeater-builder/" data-type="post" data-id="2714">repeater block</a>. You can construct all fields and build own design.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Simple example of showing custom grid with latest comments. <a href="https://gist.github.com/wpsoul/43a2c5fd31ec6b23f8c09e5e82a4d990">Download code</a></p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/repeater {"id":"gsbp-9956e64","align":"wide","itemSpacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"unit":["px","px","px","px"],"locked":true},"overflow":["hidden"]},"shadow":{"hoffset":0,"voffset":15,"blur":30,"spread":0,"color":"rgba(119, 123, 146, 0.1)","position":"","preset":"3"},"border":{"borderRadius":{"values":{"topLeft":6,"topRight":6,"bottomRight":6,"bottomLeft":6},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#7d7d7d08"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"columnGrid":[3,3,2,1],"repeaterType":"comments","extra_filters":{"number":6},"flexbox":{"type":"flexbox","flexDirection":["column"],"justifyContent":["flex-start"],"rowgap":["20px"]}} -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-a8aa75a","type":"inner","localId":"gsbp-a8aa75a","localStyles":{"flexbox":{"type":"flexbox","flexDirection":["row"],"columngap":["15px"],"rowgap":["15px"]}}} -->
<div data-style-id="gsbp-a8aa75a"><!-- wp:greenshift-blocks/dynamic-post-image {"id":"gsbp-e315a16","border":{"borderRadius":{"values":{"topLeft":["50%"],"topRight":["50%"],"bottomRight":["50%"],"bottomLeft":["50%"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":6},"sourceType":"repeater","link_enable":false,"image_size":"medium","scale":"cover","width":["custom"],"height":["custom"],"widthUnit":["px"],"customWidth":[40],"customHeight":[40],"repeaterField":"avatar","ratio":"custom"} /-->
<!-- wp:greenshift-blocks/element {"id":"gsbp-219cb19","type":"inner","localId":"gsbp-219cb19","flexChild":{"flexGrow":["1"]}} -->
<div data-style-id="gsbp-219cb19"><!-- wp:greenshift-blocks/meta {"id":"gsbp-c931a91","typographyValue":{"textShadow":{},"size":["15px"],"customweight":"bold","line_height":["18px"]},"type":"repeater","typeselect":"repeater","repeaterField":"author"} /-->
<!-- wp:greenshift-blocks/meta {"id":"gsbp-d21f1db","csstransform":{"opacity":"0.4"},"typographyValue":{"textShadow":{},"size":["14px"]},"type":"repeater","typeselect":"repeater","repeaterField":"date_formatted"} /--></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/iconbox {"id":"gsbp-01a0082","iconBox_icon":{"icon":{"font":"rhicon rhi-quote-right","svg":"","image":""},"fill":"currentColor","fillhover":"","type":"font","iconSizeY":["20px"],"iconSize":["20px"]},"csstransform":{"opacity":"0.33"}} -->
<div class="wp-block-greenshift-blocks-iconbox gspb_iconBox gspb_iconBox-id-gsbp-01a0082" id="gspb_iconBox-id-gsbp-01a0082"><div class="gspb_iconBox__wrapper" style="display:inline-flex"><svg class="" style="display:inline-block;vertical-align:middle" width="72" height="72" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M928 64h-256c-53 0-96 43-96 96v256c0 53 43 96 96 96h160v128c0 70.6-57.4 128-128 128h-16c-26.6 0-48 21.4-48 48v96c0 26.6 21.4 48 48 48h16c176.8 0 320-143.2 320-320v-480c0-53-43-96-96-96zM352 64h-256c-53 0-96 43-96 96v256c0 53 43 96 96 96h160v128c0 70.6-57.4 128-128 128h-16c-26.6 0-48 21.4-48 48v96c0 26.6 21.4 48 48 48h16c176.8 0 320-143.2 320-320v-480c0-53-43-96-96-96z"></path></svg></div></div>
<!-- /wp:greenshift-blocks/iconbox --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/meta {"id":"gsbp-9092a1c","typographyValue":{"textShadow":{},"size":["16px"],"line_height":["26px"]},"type":"repeater","typeselect":"repeater","clampEnable":true,"clamp":[5,null,null,null],"repeaterField":"content"} /-->
<!-- /wp:greenshift-blocks/repeater -->
Copy code