Classic Template: set the default alignment to wide (#6356)

assets/js/blocks/classic-template/README.md

@@ -14,6 +14,7 @@ This block does not have any customizable options available, so any style or cus
 
 * `attributes`
   * `template`: `single-product` | `archive-product` | `taxonomy-product_cat` | `taxonomy-product_tag`
+  * `align`: `wide` | `full`
 
 ```html
 <!-- wp:woocommerce/legacy-template {"template":"single-product"} /-->

assets/js/blocks/classic-template/editor.scss

@@ -1,3 +1,9 @@
+:where(.wp-block-woocommerce-legacy-template) {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 1000px;
+}
+
 .wp-block-woocommerce-classic-template__placeholder-copy {
 	max-width: 900px;
 	margin-bottom: 30px;

assets/js/blocks/classic-template/index.tsx

@@ -12,11 +12,13 @@ import { box, Icon } from '@wordpress/icons';
  * Internal dependencies
  */
 import './editor.scss';
+import './style.scss';
 import { TEMPLATES } from './constants';
 
 interface Props {
 	attributes: {
 		template: string;
+		align: string;
 	};
 }
 
@@ -109,6 +111,10 @@ registerBlockType( 'woocommerce/legacy-template', {
 			type: 'string',
 			default: 'any',
 		},
+		align: {
+			type: 'string',
+			default: 'wide',
+		},
 	},
 	edit: Edit,
 	save: () => null,

assets/js/blocks/classic-template/style.scss

@@ -0,0 +1,5 @@
+:where(div[data-block-name="woocommerce/legacy-template"]) {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 1000px;
+}

src/BlockTypes/ClassicTemplate.php

@@ -235,7 +235,13 @@ public function add_alignment_class_to_wrapper( string $content, array $block )
 			return $content;
 		}
 
-		$attributes            = (array) $block['attrs'];
+		$attributes = (array) $block['attrs'];
+
+		// Set the default alignment to wide.
+		if ( ! isset( $attributes['align'] ) ) {
+			$attributes['align'] = 'wide';
+		}
+
 		$align_class_and_style = StyleAttributesUtils::get_align_class_and_style( $attributes );
 
 		if ( ! isset( $align_class_and_style['class'] ) ) {
@@ -305,5 +311,4 @@ public function add_query_vars_filter( $vars ) {
 		return $vars;
 	}
 
-
 }