This block is universal block to generate any kind of listings in WordPress. It has special mobile layout and highly customisable structure. You can use it to get any data from post or woocommerce products: custom fields, attribute or taxonomy value, ratings, prices, buttons.

This block also can be used in Product loop on shop because it can read data from attribute filters, so, you can use it with woocommerce filters and replace regular woocommerce archives.

See example of Advanced Listing and Woocommerce or find video below how it works

In depth tutorial
Copy this post’s content
<!-- wp:paragraph -->
<p>This block is universal block to generate any kind of listings in Wordpress. It has special mobile layout and highly customisable structure. You can use it to get any data from post or woocommerce products: custom fields, attribute or taxonomy value, ratings, prices, buttons. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>This block also can be used in Product loop on shop because it can read data from attribute filters, so, you can use it with woocommerce filters and replace regular woocommerce archives.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":664,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/recarttop-review-list.jpg" alt="" class="wp-image-664"/></figure>
<!-- /wp:image -->

<!-- wp:greenshift-blocks/infobox {"id":"gsbp-6f92526d-9bd4"} -->
<div id="gspb_infoBox-id-gsbp-6f92526d-9bd4" class="gspb_infoBox gspb_infoBox-id-gsbp-6f92526d-9bd4 wp-block-greenshift-blocks-infobox"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text"><!-- wp:paragraph -->
<p>See example of <a rel="noreferrer noopener" href="https://recart.wpsoul.com/top-review-list/" target="_blank">Advanced Listing and Woocommerce</a> or find video below how it works</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->

<!-- wp:greenshift-blocks/row {"id":"gsbp-1861fc70-8e14","inlineCssStyles":null,"align":"full","width":[900,null,null,null],"displayStyles":false,"background":{"backgroundState":"Gradient","gradient":"linear-gradient(135deg,rgb(101,0,233) 0%,rgb(78,0,138) 42%,rgb(76,0,176) 100%)","color":"#7000f4"},"overlay":{"color":""},"spacing":{"margin":{"values":{"top":[50]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[60],"bottom":[80]},"unit":["px","px","px","px"],"locked":false}},"shapeDivider":{"topShape":{"shape":null,"fill":"#ffffff","height":[30],"rotateY":false,"halfopacity":true},"bottomShape":{"shape":"0","rotateY":false,"rotateX":true,"fill":"#ffffff","height":[190]}}} -->
<div id="gspb_row-id-gsbp-1861fc70-8e14" class="gspb_row gspb_row-id-gsbp-1861fc70-8e14 wp-block-greenshift-blocks-row alignfull gspb_row-id-gsbp-1861fc70-8e14"><div class="gspb_backgroundOverlay"></div><div class="gspb_row__content"> 
<!-- wp:greenshift-blocks/row-column {"id":"gsbp-0b4d1794-74d6","inlineCssStyles":null} -->
<div id="gspb_col-id-gsbp-0b4d1794-74d6" class="gspb_row__col--12 wp-block-greenshift-blocks-row-column  gspb_col-id-gsbp-0b4d1794-74d6">
<!-- wp:greenshift-blocks/heading {"id":"gsbp-daf767f2-47af","inlineCssStyles":null,"headingTag":"div","headingContent":"In depth tutorial","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":true},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"typography":{"alignment":["center"],"textShadow":{},"color":"#ffffff","size":[40],"customweight":"bold"},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[10],"left":[10]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepAfterSpacing":{"margin":{"values":{"right":[10],"left":[10]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[20]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"bottom":[30]},"unit":["px","px","px","px"],"locked":false}},"headingSepColor":"#ffffff","headingSepVJustify":"center","headingSepPosition":"both","headingSepType":"zigzag","headingSepJustify":"center"} -->
<div class="gspb_heading_sep_gsbp-daf767f2-47af"><div class="gspb_heading_sep gspb_heading_sep_before"><svg width="88" height="11" viewbox="0 0 88 11" xmlns="http://www.w3.org/2000/svg"><path d="M87.387 9.066c-7.279 0-7.279-6.787-14.557-6.787-7.28 0-7.28 6.787-14.561 6.787-7.283 0-7.283-6.787-14.565-6.787l-14.562 6.787c-7.286 0-7.286-6.787-14.57-6.787-7.287 0-7.287 6.787-14.571 6.787" fill="none"></path></svg></div><div id="gspb_heading-id-gsbp-daf767f2-47af" class="gspb_heading gspb_heading-id-gsbp-daf767f2-47af ">In depth tutorial</div><div class="gspb_heading_sep gspb_heading_sep_after"><svg width="88" height="11" viewbox="0 0 88 11" xmlns="http://www.w3.org/2000/svg"><path d="M87.387 9.066c-7.279 0-7.279-6.787-14.557-6.787-7.28 0-7.28 6.787-14.561 6.787-7.283 0-7.283-6.787-14.565-6.787l-14.562 6.787c-7.286 0-7.286-6.787-14.57-6.787-7.287 0-7.287 6.787-14.571 6.787" fill="none"></path></svg></div></div>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:greenshift-blocks/video {"id":"gsbp-6c1e83aa-44f3","src":"https://www.youtube.com/watch?v=PSfXGrTrZJs","provider":"youtube","poster":"https://i.ytimg.com/vi/PSfXGrTrZJs/maxresdefault.jpg","isOverlay":true,"overlayOpacity":0.2,"overlayIcon":true,"postDate":"2022-05-06T12:22:24","bgColor":"#231134","shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":null}} -->
<div class="wp-block-greenshift-blocks-video gs-video youtube gspb_video-id-gsbp-6c1e83aa-44f3" id="gs-video-gsbp-6c1e83aa-44f3"><div class="gs-video-wrapper" itemscope><iframe class="gs-video-element" data-src="https://www.youtube.com/watch?v=PSfXGrTrZJs" data-provider="youtube" data-autoplay="true" data-playsinline="false" data-controls="true" data-loop="false" data-mute="false" data-overlay="true" data-lightbox="false" data-modestbranding="false" data-suggested="true" frameborder="0" allowfullscreen></iframe><div class="gs-video-overlay" style="background-image:url(https://i.ytimg.com/vi/PSfXGrTrZJs/maxresdefault.jpg)" data-type="youtube" data-lightbox="false"><div class="gs-play-icon" style="background-color:#cc0000"><div style="content:"";display:block;position:absolute;border-radius:50%;border:1px solid #cc0000;left:-20px;right:-20px;bottom:-20px;top:-20px;animation:pulsevideobutton 1.5s linear infinite;opacity:0"></div><span></span><div style="content:"";display:block;position:absolute;border-radius:50%;border:1px solid #cc0000;left:-20px;right:-20px;bottom:-20px;top:-20px;animation:pulsevideobutton 1.5s linear infinite;opacity:0;animation-delay:0.5s"></div></div><div class="gs-overlay-color" style="background-color:#231134;background-image:;opacity:0.2"></div></div></div></div>
<!-- /wp:greenshift-blocks/video -->
</div>
<!-- /wp:greenshift-blocks/row-column -->
 </div><div class="gspb_shape-divider-container gspb_shape-divider-container--bottom"><svg xmlns="https://www.w3.org/2000/svg" xmlnsxlink="https://www.w3.org/1999/xlink" version="1.1" data-style="0" x="0px" y="0px" viewbox="0 0 2200 300" xmlspace="preserve" preserveaspectratio="none" fill="#ffffff"><polygon data-style="0" class="gspb_st0 gspb_shape_0" points="2200,300 0,0 2200,0 "></polygon><polygon data-style="0" class="gspb_st1 gspb_shape_1" points="0,0 2200,0 0,300 "></polygon><defs><linearGradient><stop></stop><stop></stop></linearGradient><linearGradient><stop></stop><stop></stop></linearGradient></defs></svg></div></div>
<!-- /wp:greenshift-blocks/row -->
«
»