Skip to content
This repository was archived by the owner on Feb 23, 2024. It is now read-only.

Commit dad4e8d

Browse files
authored
Add Product Collection Grid pattern (#10660)
1 parent c413d92 commit dad4e8d

File tree

1 file changed

+32
-0
lines changed

1 file changed

+32
-0
lines changed
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<?php
2+
/**
3+
* Title: Product Collection Grid
4+
* Slug: woocommerce-blocks/product-collection-grid
5+
* Categories: WooCommerce
6+
* Inserter: false
7+
*/
8+
?>
9+
10+
<!-- wp:woocommerce/product-collection {"queryId":0,"query":{"perPage":4,"pages":0,"offset":0,"postType":"product","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":{},"parents":[],"isProductCollectionBlock":true,"woocommerceOnSale":false,"woocommerceStockStatus":["instock","outofstock","onbackorder"],"woocommerceAttributes":[],"woocommerceHandPickedProducts":[]},"tagName":"div","displayLayout":{"type":"flex","columns":4}} -->
11+
<div class="wp-block-woocommerce-product-collection"><!-- wp:woocommerce/product-template -->
12+
<!-- wp:woocommerce/product-image {"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} /-->
13+
14+
<!-- wp:post-title {"textAlign":"left","level":3,"isLink":true,"style":{"spacing":{"margin":{"bottom":"0.75rem","top":"0"}},"typography":{"lineHeight":"1"}},"fontSize":"small","__woocommerceNamespace":"woocommerce/product-collection/product-title"} /-->
15+
16+
<!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"left","style":{"typography":{"fontSize":"0.8rem","lineHeight":"1","fontStyle":"normal","fontWeight":"600"}}} /-->
17+
<!-- /wp:woocommerce/product-template -->
18+
19+
<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
20+
<!-- wp:query-pagination-previous /-->
21+
22+
<!-- wp:query-pagination-numbers /-->
23+
24+
<!-- wp:query-pagination-next /-->
25+
<!-- /wp:query-pagination -->
26+
27+
<!-- wp:query-no-results -->
28+
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
29+
<p></p>
30+
<!-- /wp:paragraph -->
31+
<!-- /wp:query-no-results --></div>
32+
<!-- /wp:woocommerce/product-collection -->

0 commit comments

Comments
 (0)