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

Commit 03193d2

Browse files
committed
Add initial look of Full Grid Product Collection pattern
1 parent 10aa9c5 commit 03193d2

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed
Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<?php
2+
/**
3+
* Title: Product Collection Full Grid
4+
* Slug: woocommerce-blocks/product-collection-full-grid
5+
* Categories: WooCommerce
6+
* Inserter: false
7+
*/
8+
?>
9+
10+
<!-- wp:woocommerce/product-collection {"queryId":0,"query":{"perPage":3,"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":3}} -->
11+
<div class="wp-block-woocommerce-product-collection"><!-- wp:woocommerce/product-template -->
12+
<!-- wp:woocommerce/product-image {"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} /-->
13+
14+
<!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"left","fontSize":"medium","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"}}} /-->
15+
16+
<!-- 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"} /-->
17+
18+
<!-- wp:woocommerce/product-button {"width":50,"isDescendentOfQueryLoop":true,"style":{"typography":{"fontSize":"0.8rem"}}} /-->
19+
<!-- /wp:woocommerce/product-template -->
20+
21+
<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
22+
<!-- wp:query-pagination-previous /-->
23+
24+
<!-- wp:query-pagination-numbers /-->
25+
26+
<!-- wp:query-pagination-next /-->
27+
<!-- /wp:query-pagination -->
28+
29+
<!-- wp:query-no-results -->
30+
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
31+
<p></p>
32+
<!-- /wp:paragraph -->
33+
<!-- /wp:query-no-results --></div>
34+
<!-- /wp:woocommerce/product-collection -->

0 commit comments

Comments
 (0)