Woocommerce query builder

Blog Staff

May 7, 2023

Woocommerce query builder is a variation of Query builder block and it requires to have installed Query addon. All extra options from the query builder (grid options, ads areas, constructor, filters, conversion to carousel) are available in the Woocommerce query builder.

Woocommerce query builder has preinstalled layout with woocommerce blocks + additional query patterns

Starting look

You can edit anything in grid because it’s constructor

You can also import patterns

If you want to know more about Grid query builder, check our videos

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

</p> <p>Woocommerce query builder is a variation of <a href="https://greenshiftwp.com/query-builder/" data-type="post" data-id="2253">Query builder</a> block and it requires to have installed Query addon. All extra options from the query builder (grid options, ads areas, constructor, filters, conversion to carousel) are available in the Woocommerce query builder. </p> <p>Woocommerce query builder has preinstalled layout with woocommerce blocks + additional query patterns</p> <p>Starting look</p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="423" src="https://greenshiftwp.com/wp-content/uploads/2023/05/querybuilder-1024x423.jpg" alt="" class="wp-image-2873" srcset="https://greenshiftwp.com/wp-content/uploads/2023/05/querybuilder-1024x423.jpg 1024w, https://greenshiftwp.com/wp-content/uploads/2023/05/querybuilder-300x124.jpg 300w, https://greenshiftwp.com/wp-content/uploads/2023/05/querybuilder-768x317.jpg 768w, https://greenshiftwp.com/wp-content/uploads/2023/05/querybuilder-1536x634.jpg 1536w, https://greenshiftwp.com/wp-content/uploads/2023/05/querybuilder-2048x846.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>You can edit anything in grid because it’s constructor</p> <p>You can also import patterns</p> <figure class="wp-block-image size-large is-resized"><img decoding="async" src="https://greenshiftwp.com/wp-content/uploads/2023/05/pattern-923x1024.jpg" alt="" class="wp-image-2874" width="462" height="512" srcset="https://greenshiftwp.com/wp-content/uploads/2023/05/pattern-923x1024.jpg 923w, https://greenshiftwp.com/wp-content/uploads/2023/05/pattern-270x300.jpg 270w, https://greenshiftwp.com/wp-content/uploads/2023/05/pattern-768x852.jpg 768w, https://greenshiftwp.com/wp-content/uploads/2023/05/pattern.jpg 1300w" sizes="(max-width: 462px) 100vw, 462px" /></figure> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="399" src="https://greenshiftwp.com/wp-content/uploads/2023/05/query2-1024x399.jpg" alt="" class="wp-image-2875" srcset="https://greenshiftwp.com/wp-content/uploads/2023/05/query2-1024x399.jpg 1024w, https://greenshiftwp.com/wp-content/uploads/2023/05/query2-300x117.jpg 300w, https://greenshiftwp.com/wp-content/uploads/2023/05/query2-768x299.jpg 768w, https://greenshiftwp.com/wp-content/uploads/2023/05/query2-1536x598.jpg 1536w, https://greenshiftwp.com/wp-content/uploads/2023/05/query2-2048x797.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>If you want to know more about Grid query builder, check our videos</p> <div class="wp-block-greenshift-blocks-video gs-video youtube gspb_video-id-gsbp-5394dddb-cac6" id="gs-video-gsbp-5394dddb-cac6"> <div class="gs-video-wrapper" itemscope><iframe class="gs-video-element" data-src="https://youtu.be/zdB15EqJNj0" data-provider="youtube" data-autoplay="true" data-playsinline="false" data-controls="true" data-loop="false" data-mute="false" data-overlay="true" data-lightbox="true" data-modestbranding="false" data-suggested="true" frameborder="0" allowfullscreen></iframe></p> <div class="gs-video-overlay" style="background-image:url(https://i.ytimg.com/vi/zdB15EqJNj0/maxresdefault.jpg)" data-type="youtube" data-lightbox="true"> <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> <p><span></span></p> <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:#010101;background-image:;opacity:0.15"></div> </div> </div> </div> <div class="wp-block-greenshift-blocks-video gs-video youtube gspb_video-id-gsbp-b0dd8ada-c660" id="gs-video-gsbp-b0dd8ada-c660"> <div class="gs-video-wrapper" itemscope><iframe class="gs-video-element" data-src="https://youtu.be/8oYVMQ3sOc8?t=2209" data-provider="youtube" data-start="2209" data-autoplay="true" data-playsinline="false" data-controls="true" data-loop="false" data-mute="false" data-overlay="true" data-lightbox="true" data-modestbranding="false" data-suggested="true" frameborder="0" allowfullscreen></iframe></p> <div class="gs-video-overlay" style="background-image:url(https://i.ytimg.com/vi/8oYVMQ3sOc8/maxresdefault.jpg)" data-type="youtube" data-lightbox="true"> <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> <p><span></span></p> <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:#010101;background-image:;opacity:0"></div> </div> </div> </div> <p>