Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-blocks/patterns/product-collection-5-column...

31 lines
2.1 KiB
PHP
Raw Normal View History

Store Customization > Replace patterns based on the Products (Beta) block with an equivalent based on the Product Collection block (https://github.com/woocommerce/woocommerce-blocks/pull/11134) * Introduce the new Product Collection 4 Columns pattern as a replacement for 1:1 Image 4-Column Product Row * Introduce the new Product Collection 5 Columns pattern as a replacement for Minimal 5-Column Product Row * Update the slug for the Product Collection 5 Columns pattern * Introduce the new Product Collection 3 Columns pattern as a replacement for 3-Column Product Row * Ditch the block types from the docblock * Introduce the new Product Collection: Featured Products 5 Columns pattern as a replacement for Featured Products 5-Item Grid * Update the patterns dictionary. * remove block types from the Product Collection: Featured Products 5 Columns pattern * Remove outdated patterns. * Remove unnecessary queryId
2023-10-05 08:36:18 +00:00
<?php
/**
* Title: Product Collection 5 Columns
* Slug: woocommerce-blocks/product-collection-5-columns
* Categories: WooCommerce
*/
Store Customization > Homepage Template 2: Review layout and spacing in between patterns (https://github.com/woocommerce/woocommerce-blocks/pull/11129) * Add titles to patterns and set the aligment to Wide * Add paddings * Replace product query patterns with product collection ones * Fix pattern title
2023-10-05 11:14:53 +00:00
use Automattic\WooCommerce\Blocks\Patterns\PatternsHelper;
$content = PatternsHelper::get_pattern_content( 'woocommerce-blocks/product-collection-5-columns' );
[Store Customization MVP] Add fallbacks to all the pattern titles, descriptions and buttons (https://github.com/woocommerce/woocommerce-blocks/pull/11208) * Add fallbacks to all the pattern titles, descriptions and buttons * Remove pagination in pattern
2023-10-13 08:08:35 +00:00
$products_title = $content['titles'][0]['default'] ?? '';
Store Customization > Replace patterns based on the Products (Beta) block with an equivalent based on the Product Collection block (https://github.com/woocommerce/woocommerce-blocks/pull/11134) * Introduce the new Product Collection 4 Columns pattern as a replacement for 1:1 Image 4-Column Product Row * Introduce the new Product Collection 5 Columns pattern as a replacement for Minimal 5-Column Product Row * Update the slug for the Product Collection 5 Columns pattern * Introduce the new Product Collection 3 Columns pattern as a replacement for 3-Column Product Row * Ditch the block types from the docblock * Introduce the new Product Collection: Featured Products 5 Columns pattern as a replacement for Featured Products 5-Item Grid * Update the patterns dictionary. * remove block types from the Product Collection: Featured Products 5 Columns pattern * Remove outdated patterns. * Remove unnecessary queryId
2023-10-05 08:36:18 +00:00
?>
Fix pattern spacing (https://github.com/woocommerce/woocommerce-blocks/pull/11268) Removes the top/bottom paddings, adds margins to the bottom of each pattern
2023-10-17 08:56:02 +00:00
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"80px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:80px;padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30)">
Store Customization > Homepage Template 2: Review layout and spacing in between patterns (https://github.com/woocommerce/woocommerce-blocks/pull/11129) * Add titles to patterns and set the aligment to Wide * Add paddings * Replace product query patterns with product collection ones * Fix pattern title
2023-10-05 11:14:53 +00:00
<!-- wp:heading {"level":3,"align":"wide"} -->
[Store Customization MVP] Add fallbacks to all the pattern titles, descriptions and buttons (https://github.com/woocommerce/woocommerce-blocks/pull/11208) * Add fallbacks to all the pattern titles, descriptions and buttons * Remove pagination in pattern
2023-10-13 08:08:35 +00:00
<h3 class="wp-block-heading alignwide"><?php echo esc_html( $products_title ); ?></h3>
Store Customization > Homepage Template 2: Review layout and spacing in between patterns (https://github.com/woocommerce/woocommerce-blocks/pull/11129) * Add titles to patterns and set the aligment to Wide * Add paddings * Replace product query patterns with product collection ones * Fix pattern title
2023-10-05 11:14:53 +00:00
<!-- /wp:heading -->
<!-- wp:woocommerce/product-collection {"query":{"perPage":5,"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":5},"align":"wide"} -->
<div class="wp-block-woocommerce-product-collection alignwide">
<!-- wp:woocommerce/product-template -->
Remove placeholder and pagination (https://github.com/woocommerce/woocommerce-blocks/pull/11145) * Add titles to patterns and set the aligment to Wide * Replace product query patterns with product collection ones * Remove pagination and no results query from product query patterns * Add aspect ratio to the product image attributes * Add portrait aspect ratio to product X column and product gallery patterns
2023-10-06 08:51:35 +00:00
<!-- wp:woocommerce/product-image {"aspectRatio":"3/5","imageSizing":"thumbnail","isDescendentOfQueryLoop":true} /-->
Product Collection 5 Columns pattern - Update title and price to be rows instead of columns (https://github.com/woocommerce/woocommerce-blocks/pull/11205)
2023-10-11 11:20:16 +00:00
<!-- wp:post-title {"textAlign":"left","level":3,"isLink":true,"style":{"spacing":{"margin":{"bottom":"0.75rem","top":"0"}}},"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title"} /-->
<!-- wp:woocommerce/product-price {"isDescendentOfQueryLoop":true,"textAlign":"left","fontSize":"small"} /-->
Store Customization > Homepage Template 2: Review layout and spacing in between patterns (https://github.com/woocommerce/woocommerce-blocks/pull/11129) * Add titles to patterns and set the aligment to Wide * Add paddings * Replace product query patterns with product collection ones * Fix pattern title
2023-10-05 11:14:53 +00:00
<!-- /wp:woocommerce/product-template -->
</div>
<!-- /wp:woocommerce/product-collection -->
Store Customization > Replace patterns based on the Products (Beta) block with an equivalent based on the Product Collection block (https://github.com/woocommerce/woocommerce-blocks/pull/11134) * Introduce the new Product Collection 4 Columns pattern as a replacement for 1:1 Image 4-Column Product Row * Introduce the new Product Collection 5 Columns pattern as a replacement for Minimal 5-Column Product Row * Update the slug for the Product Collection 5 Columns pattern * Introduce the new Product Collection 3 Columns pattern as a replacement for 3-Column Product Row * Ditch the block types from the docblock * Introduce the new Product Collection: Featured Products 5 Columns pattern as a replacement for Featured Products 5-Item Grid * Update the patterns dictionary. * remove block types from the Product Collection: Featured Products 5 Columns pattern * Remove outdated patterns. * Remove unnecessary queryId
2023-10-05 08:36:18 +00:00
</div>
Store Customization > Homepage Template 2: Review layout and spacing in between patterns (https://github.com/woocommerce/woocommerce-blocks/pull/11129) * Add titles to patterns and set the aligment to Wide * Add paddings * Replace product query patterns with product collection ones * Fix pattern title
2023-10-05 11:14:53 +00:00
<!-- /wp:group -->